React JS Tutorial #2 | Setup React Project using Vite, Node.js & Create React App

Welcome to Video #2 of the React JS Tutorial Series for Beginners.

In this video, we will set up the React development environment step by step. We will install Node.js, verify Node and npm, create a React project using Vite, run the React app in the browser, understand the project folder structure, and briefly look at Create React App.

Topics covered:
00:00 Introduction
00:45 Tools required for React setup
02:00 What is Node.js?
03:15 What is npm?
04:30 Installing Node.js
06:00 Checking node -v and npm -v
07:30 Creating React practice folder
08:30 Creating React project using Vite
11:00 npm install
12:15 npm run dev
13:30 Opening React project in VS Code
14:30 Understanding Vite folder structure
16:30 Modifying App.jsx
18:00 Create React App overview
19:00 Vite vs Create React App
20:00 Assignment

Commands used in this video:

cd C:\
mkdir REACT_PROGRAMS
cd REACT_PROGRAMS

npm create vite@latest
cd hello-react-app
npm install
npm run dev

Create React App command:

npx create-react-app cra-demo-app
cd cra-demo-app
npm start

Assignment:
Create a React project named student-app using Vite and display the following output in App.jsx:

Welcome to Student App
React Project Setup Completed
Created using Vite

Watch Video #1:
Introduction to React

Subscribe to Robo Dynamics:
https://www.youtube.com/@robo_dynamics

#ReactJS #ReactTutorial #Vite #NodeJS #JavaScript #FrontendDevelopment #WebDevelopment #RoboDynamics

Видео React JS Tutorial #2 | Setup React Project using Vite, Node.js & Create React App канала Robo Dynamics