First, install Yeoman and generator-reactredux using npm (we assume you have pre-installed node.js).
npm install -g yo
npm install -g generator-reactreduxThen generate your new project. First go inside the folder where you would want the project to be set up, and then run:
yo reactreduxFollow the onscreen instructions. At then end, you would get a project structure as follows -
app
│ └───store
│ │ store.js
│ └───reducers
│ │ topReducer.js
│ app.js
└───public
│ index.html
webpack.config.js
package.json
To create a new React component
yo reactredux:component
Follow the onscreen instructions. This will create a necessary assets folder with a stylesheet file already included. For stateless component add --stateless.
To create a new React container
yo reactredux:container
Follow the onscreen instructions. This will also create a corresponding component.
To create a new Redux reducer
yo reactredux:reducer
Follow the onscreen instructions.
- Yeoman has a heart of gold.
- Yeoman is a person with feelings and opinions, but is very easy to work with.
- Yeoman can be too opinionated at times but is easily convinced not to be.
- Feel free to learn more about Yeoman.
MIT © Sajal Khandelwal