All right.
In this video, let's have a look how we can create react applications.
There are few ways to create React apps.
You can use the Create React app, too, which is a command line interface provided by Facebook.
Or you can use a third party to like puzzle.
If you want to use Create React app first, you need to install it globally on your system.
Well, but react the way we create React app has changed a little bit.
Cool.
So let's have a look at some of the ways that we can use to create React app.
Like I said, you can use a third party tool called Puzzle and we are going to dive into it.
So let's cancel that.
And so let's cancel this one here.
The next one is before the current version of React.
Unless you install it globally on your machine using Create React app.
Create React Apps is just a tool that is used to generate or create React app and we need to install
them globally.
Globally.
All right.
So we are not going to use that.
All right, cool.
The next one of the recommended one is we are going to use MP X Create React app and the name of your
project and then you are good to go.
So what is Create React app?
So let's head over to Google and then let's have a look at Create React app.
So if you go to Create React app dot dev, this is the home page of the tool that we can use to generate
React app.
It says that Create React App set up a modern web app by running one command.
So if you click on getting started, we see that we have the syntax and p x.
This MP s is given to us automatically as soon as we install on JS and that is it.
We have access to NPCs like MP and Yuan.
All right.
So we can use the MP X by making use of Create React app and the name of your project.
This one can be anything like the first step and then you can also use NPM to create React app.
And because we have installed Node.js, we have access to NPM as well.
And this is available when you are using NPM version six and above.
So make use of NPM, inject React app and then the name of your project.
Or you can use John if you have just been installed by making use of John Create React app and the name
of your application and make sure that you have John 0.25 and above.
So this is the same title I'm going to use.
You can use any of them, any of these ones.
All right, cool.
So to be more specific, we are going to use MP X, right?
And MP comes with NPM version 5.2 plus and higher.
So that is it.
Like I say, we have you have NPM, we have NPCs automatically, so they don't need to install NPM also.
So that is a cool thing about that.
Right?
So let's go ahead and create our first React app using the syntax.
So on your terminal.
Navigate to a folder where you want to save your React application and then seed in into that.
So let me clear the console here up, clear here and then make use of MP X space.
Create dash, react dash app space and the name of your project.
So let me call this one my.
First, my first app.
All right.
So one good thing about this one is I don't need to use common casing, for example.
It's, say, my first app like that.
So let's get into and let's see the area I'm going to get.
All right.
You see that?
Because PM naming restrictions name can no longer contain capital letters here.
Please choose a different product name so you can use this option.
So using the dash my first.
Up first dash app and then hit enter.
Now let's see.
Is going to generate the project for us we see that in stolen packages.
This might take a couple of minutes and first is installing react and then react Dom and react script
and then the C.R.A. template.
So it's going to install all the things we need to get started with React.
So let's have some coffee, sit back when it's done.
Then we continue where after 100 years it has finished installing and we have couple of commands.
So upon installing, if we see some warnings, for example, we have this yellow here.
One means that deprecated, don't worry, it has no impact on your application.
If you see something like success somewhere here.
Yes, success then it means that the installation was successful and we have couple of commands and
PM start and PM run, build and PM test and PM run, eject and many commands.
All right, cool.
So now let's clear the console and then let's navigate to the folder where we installed for me.
I installed inside my web development bootcamp teaching folder.
So on my desktop here there is a folder name I use here and now this is my React application.
If I open it, I have a couple of files here, so I need to open this project using my preferred code
editor or we can drag and drop inside your preferred code editor or we can use the command code dot
period and going to open or sorry.
First of all you need to see the in.
So let's have a look at the commands here.
You see that?
First of all, we suggest that start begin by typing seed in and the name of the folder that is seed
in the name of the folder called my first app.
So seed meaning change into the change into folder.
And then my dash first dash app hit enter.
Let's see.
You see that?
Now I'm inside my first app.
Don't worry about this one.
This extension I installed using Visual Studio code to keep track of my Amin code using gate.
So I see that now I'm inside this folder and I can make use of code and then period I'm going to open
inside my preferred code editor that Visual Studio code.
This command is for code only.
All right.
If it doesn't work this way out, or better still, we can drag and drop inside your preferred code
editor.
Or better start using this command period.
And I'm going to open stats.
All right, cool.
There we go.
Now we have our React application being what installed successfully.
So guys, in the next video, we will have a look at the folder structure here.
What is the over here and what's the purpose of it?
All right.
So let's get rocking the next video, guys.