generate-react-cli

Generate React CLI

Why?

To help speed up productivity in react projects. For example, you can run one command generate-react component <ComponentName> to instantly generate a component with its corresponding files (stylesheet, test).

Few notes:

• The CLI assumes that your project uses jest & enzyme for testing. This will be customizable in the future.
• The CLI also has an opinion on how files are structured within the project. We follow Grouping by features or routes

Install

npm i -g generate-react-cli

Config File

When you run generate-react-cli within your project the first time, it will ask you a series of questions to customize the cli for your project needs (this will create a "generate-react-cli.json" config file).

e.g. generate-react-cli.json

{
  "component": {
    "path": "src/components",
    "css": {
      "preprocessor": "scss",
      "module": true
    },
    "withTest": true,
    "withStory": true,
    "withLazy": true
  }
}

Commands

Generate Component

generate-react component <ComponentName>

This command will create a folder with your component name within your default (e.g. src/components) directory, and its corresponding files.

Options

Parameter	Description	Default Value
-p or --path	Value of the path where you want the component to be generated in (e.g. src/pages).	src/components
-t or --withTest	Create a corresponding test file with this component?	Boolean value selected in "generate-react-cli.json" config file
-s or --withStory	Create a corresponding story file with this component?	Boolean value selected in "generate-react-cli.json" config file
-l or --withLazy	Create a corresponding lazy file (a file that lazy-loads your component out of the box and enables code splitting: code-splitting) with this component?	Boolean value selected in "generate-react-cli.json" config file

Have fun!

Changelog

1.5.1 (2019-8-12)

Chores

• update readme