ReactJS Tutorial 3 : Create React App Using VITE

This is how to create a React app using Vite.

Firstly, create a react project using Vite.

Create a folder on desktop and open it up in vscode.

Open terminal in vscode and type in

Run the project from VS code instead of the terminal.

Back in the day we used to create React applications using the create react app (CRA) tool which is no longer the suggested way to create React apps, instead we now use Vite which is a much faster tool to create React applications.

[awistapes]

I love how you explain EVERY SINGLE THING, how each works, and WHY we need it. I want to finish this course!!

[hekermen]

nice
i will make sure i complete this course no matter what

[BappyGolder]

Really like this video, very straightforward and to the point

[adel.dev.account]

I will keep commenting until you decide to make similar serie for NextJs 14 and it ecosystem 😂 (nah im just helping with the algorithm 😅)

[PamelaRosario-dl]

i had to install vite from the command prompt then my terminal in vs code didnt work so i had to navigate to the myproject folder from my command prompt

[SilosizoDube]

informative, quite different when using windows
i used npx create-react--app my-react-app. i was able to run the command however some where not successfull, i have tried force aswell still unable to go past the errors. note im new in react

[ArjayAltamera]

How can i check the version of vite that I will use. Hope for your swift response. Thank you for this amazing tutorial.

[ishmeetdhingra]

In windown it is not showiing the final vite and react page in my system ... i have followed each step in last step page heading is Vite + React but whole screen is white nothing is coming up

[josephbalogun]

Mine keeps showing npm is not recognized

[MdNesadbabu]

There is no error in my vite + react pages. I have a question to you that Can we use react js in a full stack project?

[ShinAkuma]

Why use Vite instead of create-react-app ?
What is the difference ?

[NikosM]

02:00 not working. Now what...? Can't proceed. It gives a red message in the terminal.

[aleksamarkovic]

npm : The term 'npm' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if
a path was included, verify that the path is correct and try again.
At line:1 char:1
+ ~~~
+ CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException
I get this error once i try creating vite project

[khanfaizan]

Hi.. created project using vite

Npm run dev gives error.

Module_not_found .
Complaining about vite.
How to fix it

[BaeristaVR]

'npm is not recognised as the name of cmdlet