This tool helps developers structure their react applications by feature. This is converse to structuring your app by type. More on this in the React docs here https://reactjs.org/docs/faq-structure.html
Structuring your application by feature allows you to create modular components which can be easily ported to other projects. Structuring by type, i.e. all your reducers in one folder, makes this portability more difficult.
Creating modular react components requires a lot of boilerplate code. This tool looks to create that boilerplate rapidly and allow the developer to focus on what matters, writting component logic!
Currently the tool assumes you store your components at held in the folder ./src/ui
Install
$npm i -g moaiii-react-create-component
Once installed globally you have access to the CLI command $rcr.
An example command would be
$rcr --view --ExampleComp --stateful --redux
| Argument | What | Example |
|---|---|---|
| 1 | Where to put the new component | --view |
| 2 | Component name | --ExampleName |
| 3 | React component type | either --stateful or --stateless |
| 4 | Flag to connect component to redux with action, middleware and reducer files | blank or --redux |
$rcr --view --ExampleComp --stateful --redux
Creates the following files in ./src/ui/views
$rcr --forms --AnotherExample --stateless
Creates the following files in ./src/ui/views
