Hello everyone, in this video, we will set up react project and the fastest way to set up a react app by scratch
is by using generator.
So we will be using create react app which is an open source generator published by Facebook.
So inside visual studio code, we need to open the terminal and to open the terminal.
We need to press control and back tick key or else you can just click on this terminal and you can click on New
Terminal.
OK, so I will create this project on my desktop.
So I will write cd desktop now
I am inside my desktop and then I will write npx create react.
app and here we need to give the name of the project.
So I will give my blog.
You can give whatever name of the project you want.
OK, I'm giving my blog and then we need to press enter so it will take some time.
So here it is installing react
and react script so our application has been created.
So now we need to open this folder.
My blog.
OK, so here we need to click on Open Folder and here inside desktop.
I will select my blog and I click open.
Let's check the file.
So there are two directories, one is public directory, and one is source directory, so inside public
directory we have index dot HTML.
So this is the entry point for our application.
And then we have a manifest dot json, which is used with mobile phones.
And then let me close this public folder.
And inside this source folder we have app dot js component, which is the root component for our application.
And we also have app dot css and as well as we have app dot test dot js.
So we are not going to use test in this course as testing react project is beyond the scope of this course.
So this is how we have set up our react project and this is it for this video.
And I'll see you in the next video.