Rc-generate NPM

rc-generate

React CLI to generate components ( Reactjs + React Native)

Use in project

Config with package.json

{
  "rc-generate": {
    "baseUrl": "src",
    "typescript": true,
    "reactNative": false
  },
}

Or config with 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 = {
  baseUrl: 'src',
  typescript: true,
  reactNative: false,
  templates: {
    styles,
    actions,
    reducers,
    sagas,
    thunks
  }
}
module.exports = config;

Easy use with npx

npx rc-generate --style scss --redux saga --component:name components/Button

Or use with npm global

Install

npm install rc-generate -g

Usage

rc-generate --style scss --redux saga --component:name components/Button

Options

Option	Type	Default	Description
-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