8

I'm new to React and I want to create a new component by a command.

The command which I want to create will be the same output of the command in Angular 2: "ng generate component Test".

I have search on the internet and there is a reference: https://www.npmjs.com/package/create-reactjs-component.

However, it doesn't work for me. The terminal shows errors:

PS C:\Users\anhtranv1\Desktop\react-app> npm install -g create-reactjs-component Test
npm ERR! code E404
npm ERR! 404 Not Found: Test@latest
npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\anhtranv1\AppData\Roaming\npm-cache\_logs\2018-10- 
29T10_39_16_863Z-debug.log

Is there anyone can give me a command to create a component in react?

Thank you in advanced.

Improve this question
8
  • "Because it's just a command, so please don't send me a link, please just paste the command here." Well, the command is in the link that you posted. Commented Oct 29, 2018 at 10:46
  • @str I did try the command but it doesn't work for me :( Commented Oct 29, 2018 at 10:47
  • 2
    The readme explicitly says 'the scripts are bash scripts and may not run on Windows machines. If that is the case, please use Git Bash'. Judging by your command prompt, you're using PowerShell. Commented Oct 29, 2018 at 10:52
  • 1
    @anhtv13: Yes - the scripts contained in the package are written in Bash, not JavaScript. You must be using a Bash prompt like Git Bash or Cygwin to run them. Commented Oct 30, 2018 at 9:08
  • 1
    @JoeClay thank you very much. I created a new component successfully using Git Bash. Since you didn't post an answer, I cannot vote your suggestion as marked answer but anyway, thank you so much. Commented Oct 30, 2018 at 9:16

4 Answers 4

Reset to default
4

With npm install -g create-reactjs-component you install the npm package globally.

After you installed the package globally with the above command you can create a component with create-reactjs-component YourComponentName.

Please read the documentation of the package, it's all described there.

Improve this answer
Sign up to request clarification or add additional context in comments.

2 Comments

After the 2nd command, I got an error: 'bash' is not recognized as an internal or external command, operable program or batch file. How to run this command? I use Node.js command prompt.
This error is related to the comment from @JoeClay above. But as i see you now solved your problem :)
4

You might want to check out generate-react-cli. Really straightforward and easy to use.

install: npm install -g generate-react-cli

run: generate-react component Box

That's it

repo: https://github.com/arminbro/generate-react-cli

Improve this answer

1 Comment

++ because this includes storybook and typescript, while what shows up on google does not
0

What are you telling him here :

npm install -g create-reactjs-component Test

Is to install Globally create-reactjs-component AND Test, however there is no Test defined in npm repository,

Improve this answer

Comments

0

Check out the react-component template from my new library templates.

Supports: typescript, testing library, storybook, multiple css languages, automatic formatting, and more!

Feedback or contributions are welcome!

Improve this answer

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.