React CLI (which one is the official one + cheatsheet)

ReactJS CLI (creat-react-app) index page screenshot

TL;DR;

REACT CLI = create-react-app

… here is the link: https://github.com/facebook/create-react-app and npm command:

npm install -g create-react-app

React CLI

For those coming from Angular or Ember environment, it may be confusing how to setup ReactJS developer environment. First I come to React I was searching for something similar to Angular-CLI or Ember-CLI. I was so confused which NPM package is the officially supported one. So the one is create-react-app.

Basic Usage (Cheatsheet)

Install React CLI (create-react-app)

npm install -g create-react-app

Create project named app-name

create-react-app app-name

Navigate to project folder

cd app-name

Start development server (localhost:3000)

npm star

Start the test runner.

npm test

Create dist folder containing production files that are ready to upload

npm build

Remove this tool and copy build dependencies, configuration files and scripts into the app directory. If you do this, you can’t go back!

npm eject
React CLI Cheetsheet

React CLI Cheetsheet – you can use yarn as well

References

[1] https://reactjs.org/blog/2016/07/22/create-apps-with-no-configuration.html

[2] https://github.com/facebook/create-react-app

Buy me a coffeeBuy me a coffee