Hi.
Once we've done our backend API, we are ready to move to another section which is our front end web
application and our web application will be based on React framework, React or React.
JS.
That's a front end framework for JavaScript developed by Facebook.
Actually, that's a very good thing that it has been developed by such a giant because we can be sure
that it's not going to go anywhere soon because they have enough funding and also enough community to
build that and support that framework.
So at the moment, if we go back to the Web framework.com, if you go to JavaScript at the moment,
React is on the top of the list, which is the most popular framework in JavaScript world.
So that's kind of reason why I picked React and recording this course, because if you want to have
a good position on the job market, you kind of need to know React.
And with Django on the backend, it makes a perfect pair because you have unlimited options.
What you can do and which both the technologies you can build anything you like.
So what is a react front end framework for building a single page application?
So you can see here I'm on the React js.org page and if you are looking for any resources, you can
go to docs or tutorial and you can learn a lot of things from there.
So that's very useful.
The documentation is very well written, so I advise you to go there.
And check things out.
So you can see here a little bit of snippets here.
And we will be talking about this more.
I will show you how to create your React application and we will be using that.
So what exactly we need to have to to make our react work on our machine.
If first, what we need to do is we need to make sure NodeJS is installed on your machine.
At the moment I am on Mac OS and this page I'm on the js.org and automatically detects my operating
system, which is Mac and then I can download the version from here.
What you need to do is download your LTS version for your machine.
So if you're on windows you will have the version for Windows.
Just click there and you will have a friendly wizard.
Next, next, next and you will install NodeJS.
You need to make sure you have NodeJS installed and two way to check it.
If you have node, it's you can type in terminal open the terminal here.
It doesn't really matter where in the folders we are, we can type in node like NodeJS and then Dash
V or version V, it's a shortcut for version.
So if I click Enter now you can see here version 10.15 is installed on my machine.
What I can also do and you need to check and make sure you also have it installed with NPM and then
you can check the version with the same dash V and you can see NPM 6.9 is installed on my machine.
This NPM, which is node package manager you don't need to install on your machine because it's a part
of this build.
So whatever you will install this, you will have NPM installed which with the node.
So basically the only things you need to do is just that LTS version in the moment I'm recording this,
the latest is the ten, but if you will have a newer just go for the LTS and it will be sorted.
Another option is and this is fully optional is the yarn yarn is kind of a replacement for NPM.
For some time it was faster and more reliable than NPM, but NPM kind of get back in speed for development
and now I think they're very equal.
So it doesn't really matter if you use yarn or NPM, but I wanted to show you here the yarn website
and if you want to install, you can go install yarn and you can see here on your operating system,
you can install that very easily in a few seconds, but you will see a lot of resources online.
We're using yarn, but it doesn't really matter if you have yarn or NPM, if you see a command somewhere,
yarn and then some other commands, you can replace it with NPM and it will work.
Exactly the same.
So that's another option.
If you want to install it, go ahead and install it.
I will show you how to how our things are done with the simple NPM, which is basically the same kind
of package.
Package manager.
You can run the command throughout NPM, you can run the command with yarn.
It doesn't really matter.
Okay, So once you will have all that and you will have that installed and you make sure you have Node
and NPM installed on your machine.
In the next video, I will show you how we can create our first application with React and we will use
NPM for it.