# generator-dm-react-redux Yeoman generator for a React-Redux project ## Installation ``` sh npm install -g generator-dm-react-redux ``` ## Usage See [react-boilderplate](https://github.com/dormesica/react-boilerplate) for reference about the boilderplate this generator is based upon. First create the folder where the project should be generated. In this folder run: ```sh 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.
```sh yo dm-react-redux:component component_name [flags] ``` possible flags:

common | C - place the component under the common directory (Boolean)
connected | c - Also contains a container that is mapped to the Redux store (Boolean)
path | p - Place the component at the given path relative to the components folder (String)

### 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. ```sh yo dm-react-redux:reducer reducer_name [flags] ``` possible flags:

no-test | N - don't generate test file (Boolean)

### 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. ```sh yo dm-react-redux:middleware middleware_name [flags] ``` Possible flags:

not-registered | N - Don't register the middleware in the middleware.js file

### Creating Test Files Creates a new test file in the test directory with the extension .specs.js
```sh yo dm-react-redux:test test_file_name ``` ## Running the Project Create a dist/dunble.js file by running the command: ```sh npm run build ``` Then, run the webpack-dev-server by executing: ```sh 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.