Skip to content

riahimedyassin/react-component-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Component Generator

React Component Generator is a CLI to generate Components for your React Project.

  • Install

This CLI Tool must be installed globally.
npm install rcg-cli-tool@latest -g
  • Config File

    The Config File is named rg.config.json .

    Initialize the config file :

    To Initialize the config file , write down the following command :
    rg --init
    

Example

This config file will generate for you a file under the components folder. The template will be JavaScript (.jsx file). The styling will be SCSS file and the type of component will be Functional

{
  "template": "jsx",
  "style": "scss",
  "dist": "components",
  "type": "rfce"
}

Properties and Values

  • Template :
Property Values Output
Template jsx .jsx file
tsx .tsx file
  • Dist :
Property Values Output
Dist Example Generate Component Under : Example
  • Style :
Property Values Output
Style css .css file
scss .scss file
sass .sass file
less .less file
  • Component :
Property Values Output
type rce Class Component
rfce Functional Component

Default : The config file initialy configured to : JavaScript CSS Functional Component .

Dynamic Generation

You can specify the Name of Component and generated file type directly from your command line

  1. Component Generation : You can specify custom properties for your components dynamically.
    rg component_name (ts) (sass) (test)
    

About

CLI tool to generate react components

Topics

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors