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

Related Post

FAQ: Mac OS X Services HEIC to JPG on Right-Click Service Q: Where’d all my services go? I don’t see anything in the Services menu. A: If you don’t select anything before...
Right-Click to Translate (Look Up) with Google Tra... If you are not native english speaker, you may be frustrated with default "look up" options you get after selecting a text and right clicking. There a...
Translate Selected Text to English on Right Click ... TL;DR; Need instant translation right in context menu? You can accomplish it for free with one line of code in Automator, or you can proc...
PPTP VPN on MAC OS X Sierra, High Sierra and Mojav... PPTP VPN for Mac OS X Introduction PPTP VPN is no longer supported on macOS Sierra and High Sierra and that is just fine, because there are some se...
Convert HEIC to PNG on Right Click for Free Convert HEIC to PNG on Right-Click In iOS 11 Apple is replacing the PNG image format with the new HEIC alternative. But what to do when device or pr...
Right Click to Create New File on Mac OS X TL;DR; Windows has a lot of cons but it has also some pros. One of them is a smooth way to create empty file on right-click. Mac OS doesn't come with...
Buy me a coffeeOut of coffee 😱, please help!