React Cli to Generate Components

rc-generate

React CLI to generate components ( Reactjs + React Native)

Install

npm

npm install rc-generate --save-dev

yarn

yarn add rc-generate --dev

Use in project

package.json

{
  "scripts": {
    "rcg": "rc-generate"
  },
  // Config with package.json
  "rc-generate": {
    "appDir": "src",
    "typescript": true,
    "reactNative": false
  },
}

Config with project -> rc-generate.config.js

const styles = `
.container {
  color: red;
}
`;
const actions = `
const getTodo = () => {
  return {
    type: 'GET_TODO',
    payload: {}
  }
}
`;
const reducers = ``;
const sagas = ``;
const thunks = ``;

const config = {
  appDir: 'src',
  typescript: true,
  reactNative: false,
  templates: {
    styles,
    actions,
    reducers,
    sagas,
    thunks
  }
}
module.exports = config;

cli:

npm run rcg --style scss --redux saga --component:name components/Button --component:type class

or:

yarn rcg --style scss --redux saga --component:name components/Button --component:type class

or npm global

npm install rc-generate -g

Use with npx

npx rc-generate --app-dir user/projectName/src --style scss --redux saga --component:name components/Button

Use with npm global

rc-generate --app-dir user/projectName/src --style scss --redux saga --component:name components/Button

Options

Option	Type	Default	Description
-d, --app-dir	string	-	The name of the application directory
-c:type, --component:type	function, class	function	Generate a component type ( example: Button or components/Button)
-c:name, --component:name	string	-	Generate a component name
-s, --style	css, scss, react-native	-	Generate a style
-r, --redux	thunk, saga	-	Generate a redux state management
-V, --version	-	-	output the version number
-h, --help	-	-	display help for command

Download Details:

Author: wiloke1

Source Code: https://github.com/wiloke1/rc-generate

#react #reactjs #javascript