React Application Initiation

react_app_initiation.md

Initiation react app

Clone empty project from Source Control

git clone https://github.com/v1/repos/autobots

Install nodeJS

https://nodejs.org/en/

Create React App

npx create-react-app autobots
cd autobots

Development Isolation

With Story book

https://storybook.js.org/ npx -p @storybook/cli sb init

With Styleguidist

https://react-styleguidist.js.org/docs/getting-started.html npm install --save-dev webpack react-styleguidist

Analyzing the Bundle Size

npm install source-map-explorer

Add script into package.json

...
"script": {
  ...
  "analyze": "source-map-explorer build/static/js/main.*",
  ...
}

Analyze code by running

npm run build

Or

npm run analyze

Using HTTPS in Development

HTTPS=true npm start