Setup a React Project

Create a React App

$ npx create-react-app react-29

or using dot if inside a project folder

$ npx create-react-app .

File setup

• Delete all files but index.js in the src folder

Update index.js file

import React from "react";
import ReactDOM from "react-dom";

const App = () => <div>Hello World</div>;

ReactDOM.render(<App />, document.getElementById("root"));

Installing Dependencies

React Router

$ npm install --save react-router-dom

Installing axios

$ npm install --save axios

To run a client in an alternate port

Update the package.json file

  "scripts": {
    "start": "PORT=3001 react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

JSON Server

Installing the JSON server

$ npm install -g json-server

To start the JSON server on an alternate port

$ json-server -watch db.json --port 3004