generator-dm-react-redux

Yeoman generator for a React-Redux project

Installation

npm install -g generator-dm-react-redux

Usage

See react-boilderplate for reference about the boilderplate this generator is based upon.

First create the folder where the project should be generated. In this folder run:

yo dm-react-redux appname

This will create the boilerplate into the directory.

Creating Components

Creates a .jsx file and a .css file inside a new folder under the src/components directory.

yo dm-react-redux:component component_name [flags]

possible flags:

Creating Reducers

Creates a new reducer file in the src/store/reducers directory and a test file for this reducer in the test directory. This commands also configures the new reducer in the combineReducers method of Redux.

yo dm-react-redux:reducer reducer_name [flags]

possible flags:

Creating Redux Middleware

Creates a new Redux middleware in the src/store/middleware directory. This command also configures the new middleware in the applyMiddleware method of Redux.

yo dm-react-redux:middleware middleware_name [flags]

Possible flags:

Creating Test Files

Creates a new test file in the test directory with the extension .specs.js

yo dm-react-redux:test test_file_name

Running the Project

Create a dist/dunble.js file by running the command:

npm run build

Then, run the webpack-dev-server by executing:

npm start

Go to http://localhost:8080/ to view your project.

For production the the NODE_ENV variable to production in order to create a minified version of the bundle.js file.