⚛️React setup : npm init -y

initializing the project

This section applies not only to React projects but to any web project!

Using npm init -y

On a new folder, e.g. reactjon, we will enter this following command on Terminal:

npm init -y

This creates a file named package.json that describes our new web app:

// reactjon/package.json

{
  "name": "reactjon",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

We can do a few modifications:

// reactjon/package.json

{
  "name": "reactjon",
  "version": "1.0.0",
  "description": "",
  /* here */
  "main": "src/index.js", 
  "scripts": { 
    /* here */
    "start": "react-scripts start", 
    "build": "react-scripts build", 
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject" 
  },
  /* here */
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ],
  "keywords": [],
  "author": "",
  "license": "ISC"
}

Updating the entry point

We update the main property from index.js to src/index.js to keep our files more organized!

Adding npm run scripts

We then include our npm run scripts which allow us to run a local version of our app (webpage)!

Adding browserslist

The browserslist property just excludes any ancient browsers like Internet Explorer!