An opinionated React CLI
npm install --global regen-cli
There are four commands:
regen project <project name>
regen component <component name>
regen reducer <reducer name>
regen config <option name> <option value>
Generate a new React project with the name <project name>
To set up your project after generating all of the source and config files,
you will need to go into your new directory and run yarn install
to install
all of your node modules. To start development, use npm start
to spin up a
webpack dev server.
- Expects there to be no folder with name
<project name>
in the current folder.
Generate a new React component with the name <component name>
- Will put a React component with the name
<component name>
in<project root>/src/javascripts/components/
if it can find a project root. If not, it'll say that it cannot find apackage.json
. - Passing the
-f
flag toregen component <component name>
will create a stateless functional component instead.
Generate a new Redux reducer with the name <reducer name>
and a new set of base
actions with the name <reducer name>
.
- Will put a Redux reducer with the name
<reducer name>
in<project root>/src/javascripts/reducers/
if it can find a project root. If not, it'll say that it cannot find apackage.json
. - Will put a set of default action constants with the names
CREATE_<reducer name>
andDELETE_<reducer name>
in<project root>/src/javascripts/actions/
. - If you pass the optional
<action name>
, it will name the actions constants file with this name. This is particularly useful if you are saving your actions and reducers in the same folder. If you do not pass an action name, it will use the reducer name for the actions constants file.
Save configuration for regen in .regenrc.json
Possible options that can be set are:
Option | Description |
---|---|
actionPath |
Path where all actions constants will be saved |
reducerPath |
Path where all reducers will be saved |