tdd-react-redux-isomorphic

Sample Redux Isomorphic App.

A step-by-step video tutorial on building this application is available on Informit.

Tech stack

• NodeJS
• Gulp
• SemanticUI is used as the UI library
• Express
• React / Redux
• Redux Sagas - for asyncronous operations
• Mountebank - for our fake service (over the wire)

Project setup

Since SemanticUI uses gulp to build themed versions of the library, you must install gulp globally as a pre-requisite:

npm install -g gulp

Now you need to fetch all the required dependencies in the package.json file by running this command within the project directory: npm install

In a different shell, run this command to start up the service: npm run mountebank

Building SemanticUI

Run this command to build semantic's assets (JavaScript and CSS): npm run build:semantic

Running the project

Run this command to start up the app while watching for changes: npm run dev

Now you can go to http://localhost:8080/