Create React Component With Jss

Create React Component With Jss which creates a component with JSS in secs.

Installation

Either through cloning with git or by using npm (the recommended way):

npm install -g create-react-component-with-jss

And create-react-component-with-jss will be installed globally to your system path.

You can also install create-react-component-with-jss as a development dependency:

npm install --save-dev create-react-component-with-jss

If you don't want to install it in your local machine, you can try this in your project's root directory

npx create-react-component-with-jss -c UserDetails

Quick Overview

Give the below mentioned command in your react project's root directory

create-react-component-with-jss -c UserDetails

It will create a directory called user-details inside the scr folder. Inside that directory, it will generate the initial folder structure:

src
└── user-details
  └── UserProfileComponent.jsx

Options

[-h|--help][-t|--type] [-c|--component-name][-d|--dir]
 
OPTIONS:
-h quick help
-t type, can be ‘class’ or ‘function’. Default type is "function"
-c Component name, Should be in Pascal Case eg. UserDetails
-d directory the component need to be created. Default directory is "./src"

Example

npx create-react-component-with-jss --component-name=UserDetails
npx create-react-component-with-jss -c UserDetails -t function -d ./src/components