Best way to create new React component using create-react-app

javascript reactjs create-react-app
phantomCoder picture phantomCoder · Aug 21, 2018 · Viewed 29.8k times · Source

I am using create-react-app. Is there a command to create a component to scaffold the files.

Right now I am manually creating the files. Say if the component name is Button, I create a folder named Button inside the component folder and then create Button.js and Button.css files.

Is there any CLI commands to do this using create-react-app? I know there is a way to do this Angular CLI but don't know anything with React CLI.

Answer

Leo picture Leo · May 15, 2020

You may use directly without installing the generate-react-cli

npx generate-react-cli component MyComponent

Which will install a component based on your project preferences (ex: typescript, scss, etc..).

A file called generate-react-cli.json will be created where all the settings will be stored for future use.

Related questions

Trying to use fetch and pass in mode: no-cors

I can hit this endpoint, http://catfacts-api.appspot.com/api/facts?number=99 via Postman and it returns JSON Additionally I am using create-react-app and would like to avoid setting up any server config. In my client code I am trying …

Read More
The create-react-app imports restriction outside of src directory

I am using create-react-app. I am trying to call an image from my public folder from a file inside my src/components. I am receiving this error message. ./src/components/website_index.js Module not found: You attempted to import ../../…

Read More
npm start error with create-react-app

I have a project who I didn't touch for 2 weeks. I take it back and now when I try to run npm start I got this error. > react-scripts start sh: react-scripts: command not found npm ERR! Darwin 16.0.0 npm ERR! …

Read More