How to Install React on Windows 10/11 [2024 Update] Create React Project

preview_player
Показать описание
Hello Everyone! Today in this video I am going to step by step guide you How to install React on Windows 10/11. And then I will also show you how to create a simple project in React. Windows (64-bit).

Geeky Script (
@GeekyScript) is a Computer Science - Educational video creator 🎉
You can support us by buying a coffee ☕️ here —

✻ I really hope you find this video useful. ♥

✻ Please click on the CC button to read the subtitles of this video.

What is React?
React is an open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.

Now before installing React, you need to first install NodeJS in your system. So for that just go to step 1.

Step 1. How to Download NodeJS?
This page will lead to the NodeJS download page.

Find the installation file and click on it to download.
Now after downloading NodeJS save the file to the disk and follow the next step for installation.

Step 2. Install NodeJS
Double-click to run the NodeJS download file. Just follow the prompt as shown in the video and install NodeJS on your OS.

Step 3. Now after installing NodeJS in your system, it's time to install VS Code. So for that just go to the following link:
This page will lead to the Visual Studio Code download page.

Step 4. Install Visual Studio Code

Step 5. Now to install React and create a React project just simply type the following command:
npx create-react-app myfirstreact

The instructions in this video tutorial can be applied to laptops, desktops, computers, and tablets that run the Windows 10 operating system like Windows 10 Home, Windows 10 Professional, Windows 10 Enterprise, and Windows 10 Education. This tutorial will work on all hardware manufacturers, like Dell, HP, Acer, Asus, Toshiba, Lenovo, and Samsung.

#React #ReactInstallation #Reacttutorialforbeginners #ReactTutorial #Reactprogramming #Reactprogrammingtutorial #Reactbasicsforbeginners #Windows10

Topics addressed in this tutorial:
How To Download And Install React On Windows 10 64-bit OS
Install React on Windows 10
How to Install React and Get Started
How to Create React Project
React Tutorial for Beginners
---------------------------------------------------------
► Laptop I use:

► Recommended Laptops (35k Range):

► Laptops 50k Range:

► Rode Wireless Mike:

---------------------------------------------------------------------------
MY RELATED VIDEOS:

THANK YOU so much for watching!
Please make sure to LIKE and SHARE the video and SUBSCRIBE to the channel for more such videos :)

CONNECT WITH ME ON:

Affiliate Disclaimer: Some of the links above are affiliate (referral) links which means if you do click and purchase through them, then I may receive a commission. This helps support the free content on this channel.
Рекомендации по теме
Комментарии
Автор

Did this tutorial help you to Install React?
Comment Now!! And let me know your opinion...
And Please SUBSCRIBE for more! Also, you can Support my work through YouTube Thanks!

GeekyScript
Автор

So i was having a lot of trouble getting the line "npx create-react-app my-app" step to work.
I got errors when i tried this.
Eventually a friend suggested that i use the command "npm install -g create-react-app" first. Then the above step worked for me.
As someone who has never used node or vstudio code or any of this stuff, the video left me confused and frustrated when i could not follow the steps as they appeared on screen.

I hope that if someone else also got stuck where i did, the command i utlized will assist them as well.

ViralC
Автор

i have been troubling since last 5-6 days today i found your video and watched it step by step, and finnaly did react install, very very thanku to u brother..

curiousrajneesh
Автор

THANK YOU! I am doing an online course and I got stuck following their step-by-step install of create-react-app. I spent hours trying to figure out why I kept getting error messages and couldn't understand what went wrong. I uninstalled, reinstalled, deleted, changed terminals...nothing worked...then I found your video and 'Hallelujah!!!'... it all worked smooth like melted butter! I've just subscribed to your channel!

S-Laks
Автор

Sir subscribe option ke liye kya command likhni hogi or kaha likhni hogi
VS code ya terminal
Love from GLA University

LuckyAgrawal-csek
Автор

when you run cmd inside folder run command "npm init -y" first then follow along the video

sistemleon
Автор

It's really very helpful...Thanks a lot 🙏

ManidipaMandal
Автор

oh God, thank you so much, i was so lost about this topic, but now i can say i understand a little.

khalisez
Автор

Great video❤ 👍🏻👍🏻👍🏻 just installed react Js in seconds on finger tips

sdumar
Автор

i cant install it sir it is showing me so many errors
i dont know where it went wrong i did everything same as uh said

NikkyNomula
Автор

when i run the "npx create-react-app myapp"

FernandesBelo
Автор

Hlo sir error aari h uske liye kya kre

nehabora
Автор

8 vulnerabilities there after using create-react-app 😮

entertainment
Автор

Don't we need to install chocolatee?

abdulmohammad
Автор

Microsoft Windows [Version 10.0.22631.3593]
(c) Microsoft Corporation. All rights reserved.


I'am getting error like this,

D:\Personal\MTY\front end development\react js>npx create-react-app myapp
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in:

pitchaimoorthym