React Project Setup

Windows OS:

Install Node.js:

• Go to the Node.js website (https://nodejs.org/) and download the LTS version for Windows.
• Run the downloaded installer and follow the installation instructions.

Open a command prompt:

• Press Win + R, type "cmd", and press Enter to open the command prompt.

Install Create React App:

• In the command prompt, run the following command:

npm install -g create-react-app

Create a new React project:

• Navigate to the desired directory where you want to create your project using the cd command.
• Run the following command to create a new React project:

npx create-react-app my-react-app

Navigate to the project directory:

• Use the cd command to navigate to the project directory:

cd my-react-app

Start the development server:

• Run the following command to start the development server:

npm start

macOS:

Install Homebrew:

• Open a terminal.
• Run the following command to install Homebrew:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Install Node.js:

• In the terminal, run the following command to install Node.js using Homebrew:

brew install node

Install Create React App:

• In the terminal, run the following command to install Create React App:

npm install -g create-react-app

Create a new React project:

• Navigate to the desired directory where you want to create your project using the cd command.
• Run the following command to create a new React project:

npx create-react-app my-react-app

Navigate to the project directory:

• Use the cd command to navigate to the project directory:

cd my-react-app

Start the development server:

• Run the following command to start the development server:

npm start

Ubuntu/Linux:

Install Node.js:

• Open a terminal.
• Run the following commands to install Node.js using NodeSource's Node.js Binary Distributions:

curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs

Install Create React App:

• In the terminal, run the following command to install Create React App:

npm install -g create-react-app

Create a new React project:

• Navigate to the desired directory where you want to create your project using the cd command.
• Run the following command to create a new React project:

npx create-react-app my-react-app

Navigate to the project directory:

• Use the cd command to navigate to the project directory:

cd my-react-app

Start the development server:

• Run the following command to start the development server:

npm start