recogen

Generate React components by templates nice and easy

• recogen
• Usage
• Commands
• Contact me for any help:

Usage

$ npm install -g recogen
$ recogen COMMAND
running command...
$ recogen (-v|--version|version)
recogen/0.3.1 darwin-x64 node-v14.13.1
$ recogen --help [COMMAND]
USAGE
  $ recogen COMMAND
...

Config .recogenrc should look like:

{
  "styles": ".less", // | ".sass" | ".css" | "no styles"
  "useTS": true, // use TypeScript
  "useModules": true // use CSS Modules feature
}

Commands

• recogen codemod
• recogen config
• recogen g
• recogen help [COMMAND]

recogen codemod

Allow you to modify existing components to fit project-level config

USAGE
  $ recogen codemod

OPTIONS
  -d, --dir=dir    Path to target directory
  -f, --file=file  Path to target file
  -h, --help       show CLI help

EXAMPLES
  $ recogen codemod ./Card
       /** ./Card contents
        *    - index.(jsx|tsx|js|ts)
        *    - styles.(less|css|sass)
        */
  Generating...... done

  $ recogen codemod ./Card.jsx
  Generating...... done

See code: src/commands/codemod.ts

recogen config

Create config file in project directory at package.json level

USAGE
  $ recogen config

OPTIONS
  -h, --help  show CLI help

EXAMPLE
  $ recogen config
  Config file created successfully at ../.././.recogenrc

See code: src/commands/config.ts

recogen g

Generate React components

USAGE
  $ recogen g

OPTIONS
  -h, --help          show CLI help
  -i, --ignoreConfig  Allow you to create component without looking for project-level config

EXAMPLE
  $ recogen g
       Enter component name?: MyComponent
       ? Select styling module: (Use arrow keys)
       > .less
         .scss
         .css
         no styles
       Use TypeScript? (Y/n)
       Generating...... done

See code: src/commands/g.ts

recogen help [COMMAND]

display help for recogen

USAGE
  $ recogen help [COMMAND]

ARGUMENTS
  COMMAND  command to show help for

OPTIONS
  --all  see all commands in CLI

See code: @oclif/plugin-help

Contact me for any help:

• telegram: @Hennessy811
• email: [email protected]