This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
create-react-component-with-jss with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
Create React Component With Jss which creates a component with JSS in secs.
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
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
Inside that directory, it will generate the initial folder structure:
src └── user-details └── UserProfileComponent.jsx
[-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"
npx create-react-component-with-jss --component-name=UserDetails npx create-react-component-with-jss -c UserDetails -t function -d ./src/components