Yeoman generator for a React-Redux project
npm install -g generator-dm-react-redux
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.
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:
- 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)
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:
- no-test | N - don't generate test file (Boolean)
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:
- not-registered | N - Don't register the middleware in the middleware.js file
Creates a new test file in the test
directory with the extension .specs.js
yo dm-react-redux:test test_file_name
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.