Original subtitles

So let's get started with our first react app.

The first thing we're going to build is this application called Monster's Rolodex, it's a Web app that

has these cards that have monsters in them, and these cards have a name and an email.

And then there's also this search box that we can use to filter out the monsters by what we type in.

Now, through building this application, we are going to understand the basics of what reactors, how

to write Riak code and also some of the fundamental things we need to understand when building an application

and react before we get started.

We're going to use a tool called a create reactor app.

Create React App is a tool that was built by Facebook to help developers get started with building react

projects very quickly.

The reason for this tool is because reactor is actually written in a version of JavaScript that is further

along than the version of JavaScript that our browsers understand.

So there are actually these two tools called Bable and Web hack that take the code that we write and

convert them into that older version of JavaScript in HTML that our browser is able to understand.

Now, the Facebook team understood that it would be a lot of work for new developers in order to learn,

react, to learn all this configuration regarding Web pack and bable.

If they just want to write react, then there should be a quick way just to start writing a REAC project.

So this tool helps us spin up a project that already has all this configuration done for us now later

on in the course.

I will definitely show you guys how to create react app works under the hood.

I'm going to show you some of the web back and some of the bable so you understand how to do it yourself.

But right now, I just want us to start learning, react.

Now, in order to use this tool, we see that we got a call NPCs create React app and then the name

of our application in our command line.

So before we begin, we got to make sure we're using the latest version of note, so if we check the

known Web site, we'll see that the latest stable recommended version is ten point one five point three.

So let's go to our terminal and I use an VM, so I'm going to call and VM install ten point one, five

point three.

And NBN will install this version of Node.

And then we're going to use it and values ten point one, five point three.

Now we're going to call what we saw earlier and create React App Monster's Rolodex.

Now, Ragtop is now building out our project and setting up the files, the Web hack, the bable, all

the stuff we need so that we can start using react right away.

And after this project gets built, let's look into it and then let's see what create React app gives

us.