Setup

Installation

create a new app, you may choose one of the following methods:

http://localhost:3000

npx

npx create-react-app@latest my-app

npm

npm init react-app my-app

yarn

yarn create react-app my-app

vite

npm create vite@latest

Prettier

CLI commands to run on your project directory:

• -D mean development only.
• You can also use the Extension in VS Code Prettier

npm install -D prettier@2.7.1 -D

Eslint

CLI commands to run on your project directory:

• -D mean development only.
• You can also use the Extension in VS Code ESLint

npm install -D eslint@8.24.0 eslint-config-prettier@8.5.0

Chrome & Edge React dev Tool

• React Developer Tools