Hello and welcome to the new video.
So now in this video, we'll see how we get started with the reactor.
The first thing you have to do is create a folder, so have created a folder now, like you can see
in the drive where I keep all maniac projects.
Once you can.
Click on a less.
You can see, like all the reactor projects that I'm having now.
We have to be able we want to build a reactor inside this folder, so seeding to that folder.
You can know the working they're trailing BWT come in, I'll be clearing the street.
So now you're I'm inside the right project for a little bit.
I want to start medivaced up.
So you can do this with only one line of command and be.
Create.
React app.
So what this does is basically creating React app is a very big process, like we have been told, so
many dependencies, so many modules, node modules and all.
So instead of us doing all those things, what Facebook developers did is they created a script.
So the script actually does all the installation part of all those modules and dependencies.
So the name of the script that they gave to that script is create a reactor.
So this is the name of the script.
So how to run the script running the script is done by that, and then fixes are like you can call it
as a part of npm node package manager.
So we'll be getting this thing from that NPCs and then create React app is the name of the script that
installs all the React app modules and everything that we want to get started with the reactor.
And then the final thing this not what this dog does, is that it will create the reactor in the current
directory like we are in the video sharing app directly to create in the current directory.
Or if you want to create another folder, you can mention the folder name.
But now, as I know, I have created the folder and want to create the reactor up inside this folder
itself.
I'll be using this start.
So when you click on another and also one more thing that you have to note is that the name of the.
And that they are going to create should always be in small caps.
So if you are having a capital letter like the folder name is Radio Ascab Photo-Sharing web app, then
you may get there.
You may get some error not saying that you have to change your name.
That's it.
Keep everything in small caps and then end create react app comment.
Once this is done, that that will take like around two to three minutes time, so we'll get back once
the app is created.
But once it's done, you can see the material such as happy hacking and start.
So once you see this kind of material, that means you have successfully created the reactor, as you
can see in the reactor of the node modules required the default boilerplate code.
Everything has came.
So know how to start the reactor simply, there is one simple command and beam stop.
So this will start to react up on your local host.
The default locale was just three feet and started between 3000 localized frenetically open on and off
us to open it.
So we'll wait for that.
Before that, I want to tell you that what we did is that they have gave a boilerplate code for this
reactor that whenever you open, you'll see a screen with reactor where and all.
So we don't want that.
We want plain pure white screen to start off with.
So for that, we have to do some cleaning process.
So we have to delete all unnecessary files and also the code.
I have been reading all clear that Najarian said that purchases inside that are just not at all destined.
And anything simply basically they wanted to print, had a child printed over, or you can also print
the video sharing.
Application.
Garages, remember these things.
Game network series is fine.
Now, will they move it inside the.
Public fall in all of this, Jim Nicholson, chairman.
So simply, what we're having is in certain actually, or we have to clear this also.
So while we.
Rating this rating.
Could.
So once we have cleared the boilerplate code, like, let me explain you what's happening.
So instead, they admitted they're having a rogue division, right?
The idea of this division is ruled.
So basically, if you're going to inject drugs, you ought to react on that, and that means you are
using a reactor, Dom.
This is a model that we are getting from the act and then we are rendering the page.
We are running the app where this app should be run.
So we had this app component that makes the app not just component inside the document, but get elementary
by root.
So insert element that as this rule, Barrie, we are rendering the whole app.
So what is that element?
We are having issues with having this right?
So everything that we do in said that gorgeous and separate component will get it over here.
So this is basically the basic understanding of how the react outlooks are now entrapped or just simply
having the heading video sharing app.
So once you open your website, as you can see, we are getting a simple, basic video sharing application
hitting each one.
So with this, we have created the reactive one and started with our and and we got to know how it was
doctored the reactor in the next window.
We'll see how to build OpenStack with components, and we'll see what to the data from the YouTube API.
Like knowing more about the YouTube API, working with the Google Developer Tool Control and everything.
We see that from the next we'll.