react-cli

Installation

npm i -g @grabantot/react-cli

Usage

Usage: react-cli [options] [command] <path/Component>

Manage react components and related files

Options:
  -V, --version  output the version number
  -f, --func     create functional component or convert the existing class component to functional
  -c, --class    create class component or convert the existsing functional component to class
  -s, --style    create style module and add 'import styles' to the component
  -i, --index    add component export to index.js in its directory
  -h, --help     output usage information

Commands:
  config <path>  set directory for templates and config file; will be filled with defaults if empty

Global config location: '/home/tot/.react-cli/config.json'.

Examples:
  $ react-cli -fs src/components/views/Primitives/Button
  $ react-cli -csi src/components/views/User/UserCard
  $ react-cli config path/to/empty/dir/to/put/react-cli-config-and-templates

Config options (react-cli.config.json):

{
  "useSemicolons": false,
  "componentExtension": ".js",
  "styleModuleExtension": ".module.scss"
}

Todo

Per directory configs. Configurable names for templates.

Commands:

• mv - move/rename the component and related files, fix imports in the project

Options:

  -p, --prop-types  find props used in render and add propTypes for them
  -r, --redux       connect the component to the redux store
  -S, --story       create storybook story for the component
  -P, --pure        make the component pure (use recompose's pure for functional components)
  -t, --test        add tests for the component

Assumptions

• Components are default exports in files
• Functional components are defined as function ComponentName(props)
• ...

No assumptions about the project structure.

Contribute

It's 2019 and still there is no decent react cli. Yet all the appropriate names for such a package on npm are taken.

Let's fix this. Contributions of any kind are welcome: add features, add tests, refactor the code or simply share you thoughts in issues.

Related projects

• reacli - the most similar project
• rcli - too complicated
• rcli-tools - makes assumptions about the project structure
• hileix-rcli - seems like it can create components
• reactjs-cli - can create components
• create-reactjs-component
• react.cli - for React-Redux-Boilerplate
• basic-react-cli

Less related:

• create-react-app - Create React App
• cli-react - only creates the initial project layout
• react-cli - not sure what it does
• reactcli - dead
• reactit
• reactclinext
• reactjs-generator-cli
• create-react-component-with-no-config
• fz-react-cli
• create-react-cli