Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,830 --> 00:00:04,250
So let's get started with our first react app.
2
00:00:05,270 --> 00:00:11,600
The first thing we're going to build is this application called Monster's Rolodex, it's a Web app that
3
00:00:11,600 --> 00:00:17,060
has these cards that have monsters in them, and these cards have a name and an email.
4
00:00:17,390 --> 00:00:22,370
And then there's also this search box that we can use to filter out the monsters by what we type in.
5
00:00:23,610 --> 00:00:30,570
Now, through building this application, we are going to understand the basics of what reactors, how
6
00:00:30,570 --> 00:00:38,400
to write Riak code and also some of the fundamental things we need to understand when building an application
7
00:00:38,400 --> 00:00:41,230
and react before we get started.
8
00:00:41,280 --> 00:00:44,970
We're going to use a tool called a create reactor app.
9
00:00:45,790 --> 00:00:53,070
Create React App is a tool that was built by Facebook to help developers get started with building react
10
00:00:53,070 --> 00:00:55,250
projects very quickly.
11
00:00:56,040 --> 00:01:05,400
The reason for this tool is because reactor is actually written in a version of JavaScript that is further
12
00:01:05,430 --> 00:01:10,630
along than the version of JavaScript that our browsers understand.
13
00:01:11,220 --> 00:01:18,840
So there are actually these two tools called Bable and Web hack that take the code that we write and
14
00:01:18,840 --> 00:01:26,320
convert them into that older version of JavaScript in HTML that our browser is able to understand.
15
00:01:26,910 --> 00:01:33,660
Now, the Facebook team understood that it would be a lot of work for new developers in order to learn,
16
00:01:33,660 --> 00:01:38,370
react, to learn all this configuration regarding Web pack and bable.
17
00:01:38,910 --> 00:01:45,470
If they just want to write react, then there should be a quick way just to start writing a REAC project.
18
00:01:45,900 --> 00:01:54,600
So this tool helps us spin up a project that already has all this configuration done for us now later
19
00:01:54,600 --> 00:01:55,530
on in the course.
20
00:01:55,770 --> 00:02:01,530
I will definitely show you guys how to create react app works under the hood.
21
00:02:01,890 --> 00:02:08,370
I'm going to show you some of the web back and some of the bable so you understand how to do it yourself.
22
00:02:08,910 --> 00:02:11,910
But right now, I just want us to start learning, react.
23
00:02:12,540 --> 00:02:18,990
Now, in order to use this tool, we see that we got a call NPCs create React app and then the name
24
00:02:18,990 --> 00:02:20,970
of our application in our command line.
25
00:02:22,160 --> 00:02:27,800
So before we begin, we got to make sure we're using the latest version of note, so if we check the
26
00:02:27,800 --> 00:02:34,300
known Web site, we'll see that the latest stable recommended version is ten point one five point three.
27
00:02:34,820 --> 00:02:42,560
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
28
00:02:42,560 --> 00:02:43,190
point three.
29
00:02:44,230 --> 00:02:47,080
And NBN will install this version of Node.
30
00:02:48,970 --> 00:02:54,190
And then we're going to use it and values ten point one, five point three.
31
00:02:56,480 --> 00:03:05,960
Now we're going to call what we saw earlier and create React App Monster's Rolodex.
32
00:03:08,580 --> 00:03:16,680
Now, Ragtop is now building out our project and setting up the files, the Web hack, the bable, all
33
00:03:16,680 --> 00:03:20,880
the stuff we need so that we can start using react right away.
34
00:03:22,430 --> 00:03:30,380
And after this project gets built, let's look into it and then let's see what create React app gives
35
00:03:30,380 --> 00:03:30,710
us.
3879
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.