Welcome to the first round of the project.
So now in this video, we'll see how to get started with the reactor setting up the project.
Basically, the first thing you have to do is to create a folder where you want your reactor to reside.
So here I've created a folder in my drive called reactor projects, and we're inside this reactor projects.
I have my folder called resume website.
If you want to know where you are currently, there's a command called pWt.
It will give you the location of your current net activity are located in.
OK.
So this resume website is the name of the folder where I want to keep my reactor project.
So know how to create a reactor project is the question.
There is a simple one line command for that be.
Create.
Racked up.
Space docked.
So.
This will drag around some three to four minutes for running, so I'll click enter and then explain
what this code that basically and B X and B X is a part of npm.
What is and b um, it is known the package manager, right?
So creating the React app means we have to install so many dependencies, so many packages, so many
node modules, every bit.
So instead of installing everything like using multiple codes, we can install all of them with this
single code.
So this is basically a script.
So Create React App is a script developed by Facebook developers, so Facebook is actually working to
develop this react so they don't have this script, which will be helpful to create the project.
So instead of manually installing all the packages and all modules with the help of the script, we
can download everything using a single line and then we access the command that will run the script.
Create React app is the name of the script.
So now what does this doubt means?
So that means we have we want to create the reactor inside the facility itself.
If you want to create another folder instead of all, then you can give the name of the project and
create reactor, presumably.
So since I already have a director here, so to create React app inside the current directory, I'm
giving this dot dot dot first to create this simple, create the product and say, Look, I don't get
it.
That's it.
So now this command will create the React app, which will take a couple of minutes more.
So let's wait for it and we'll come back once the app is created.
So if you get this kind of messages, that means the creation of the reactor, this project is completed,
this happy acting and then some blue kind of text, they're giving a manual to work with the project.
So this will be some widening like deprecated involvement because every time the reactor, people will
keep on adding some new plug ins and everything.
So this is deprecated wanting.
No need to worry about it.
So once you create React app, you can see here inside that incentive directive, you can see the node
modules, all of the known modules on the packages here in the dependencies you can see on the packages
installed and then the main node model package propagation.
So with this, we are installing all the reactor projects.
But how to run it?
So basically to run this project, the command base and stop.
So this NBN stock, when you run the React project on your local post for number three thousand, the
default port number for the local was just three thousand three trained on this project on that three
thousand localhost port number.
So now one thing before it runs.
This the what this reactor developers did is they created a boilerplate template for the reactor project,
so I never trust it will give you some low blow off reactor and then some text and some with background
and some some styling.
So basically, we don't want that right?
See if you can see there is a logo that is revolting and then some text and then some background with
some cases and all.
But we want to start off with the plain white color background.
Nothing, nothing on that line back like simply white paper kind of stuff.
But to do that, we have to basically delete some boilerplate cool and everything right that we have
to delete.
We have to do the cleaning process like the employer starting cleaning process and everything we do
that.
So for that.
You delete these files.
Oh, yeah.
These four friends, you know, one of them.
OK, be careful, otherwise you'll be deleting this public for lots.
So you want to delete only set up Rogers logo report and then build a wall that is actually.
And then he added, and maybe not just you can delete all this boilerplate code.
No need of this stuff.
Yep, of.
And then you need the stylings, Vincent Adaptogens, who can basically deliver this, and then if you
want to see whether you are caught is working or not, then should be some like welcome to.
Resume website.
Can give this text.
And then once it is done, you can now go to the public.
And said public you can relate to.
This things all of this stuff.
Able to recycle bin Laden and digital conditioner, do this cleaning process.
No need of this line.
So now, once you're done with this, if you open this project.
There's a smaller number or.
If this were an existing.
Because we have deleted the logo file, so we are not importing it.
Yeah.
So once this is done, a new refresher can see.
Welcome to resume.
We are getting this bold styling because if you can see it in later cases, we have given some styling
to the body and the like fun family and everything.
If you comment this out, then you're going to see it is going to some different style.
So because of this word itself, they are getting some styling audio.
So with this, we have basically created the act up and running then and did all the cleaning process
and then we are good to go now.
We can start to react project from our bodies and see what's happening like what is happening it after
our jazz and in our next hour.
And in fact, today is like we are using this reactor dome and everything, these things and starting
with the components and then then avoiding that by building this project will continue from the next
freedom.
Thank.