Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:02,280 --> 00:00:03,200
Now, that we learned
2
00:00:03,200 --> 00:00:06,000
about some important basics of React,
3
00:00:06,000 --> 00:00:09,560
most importantly, about components and props
4
00:00:09,560 --> 00:00:11,400
It's time to take the next step.
5
00:00:11,400 --> 00:00:14,230
And in this course section, we're going to take
6
00:00:14,230 --> 00:00:19,200
a closer look at user interaction and handling user events
7
00:00:19,200 --> 00:00:23,640
like clicks or input into text fields and so on.
8
00:00:23,640 --> 00:00:26,939
And we're going to have a look at the very important concept
9
00:00:26,939 --> 00:00:31,890
of state in React apps because, you might remember,
10
00:00:31,890 --> 00:00:34,390
that I mentioned earlier in the course
11
00:00:34,390 --> 00:00:38,300
that with React we follow that declarative approach
12
00:00:38,300 --> 00:00:43,150
where we, in the end, define desired target states
13
00:00:43,150 --> 00:00:47,660
and React then takes care about reaching that state.
14
00:00:47,660 --> 00:00:50,140
Well, that is correct and that is already
15
00:00:50,140 --> 00:00:52,750
something we're using but, at the moment,
16
00:00:52,750 --> 00:00:55,200
in the application we built thus far
17
00:00:55,200 --> 00:00:58,190
and with the knowledge we gained, up to this point,
18
00:00:58,190 --> 00:01:01,020
we can only build static applications
19
00:01:01,020 --> 00:01:03,590
where the state never changes,
20
00:01:03,590 --> 00:01:06,960
where we always output exactly the same.
21
00:01:06,960 --> 00:01:09,320
And that's typically not what you want.
22
00:01:09,320 --> 00:01:13,150
You want to have applications which are interactive,
23
00:01:13,150 --> 00:01:16,610
so that you can React to clicks by the user
24
00:01:16,610 --> 00:01:19,510
and to data being entered by the user
25
00:01:19,510 --> 00:01:22,770
and which are reactive so that the application
26
00:01:22,770 --> 00:01:25,570
also changes when certain things happen.
27
00:01:25,570 --> 00:01:28,330
And, therefore, in this course module
28
00:01:28,330 --> 00:01:32,250
we are going to take a look at handling events,
29
00:01:32,250 --> 00:01:35,510
handling user events, like clicks and so on.
30
00:01:35,510 --> 00:01:37,880
And we'll see how that works in React apps,
31
00:01:37,880 --> 00:01:40,760
how we can add such event handlers and more.
32
00:01:40,760 --> 00:01:44,060
And then, we're going to take a look at how we can ensure
33
00:01:44,060 --> 00:01:47,720
that what's visible on the screen changes,
34
00:01:47,720 --> 00:01:50,890
that we reach a different target state.
35
00:01:50,890 --> 00:01:53,270
And for that, we're going to take a closer look
36
00:01:53,270 --> 00:01:56,600
at this state concept in React
37
00:01:56,600 --> 00:01:59,830
and we'll learn how we can manipulate the state
38
00:01:59,830 --> 00:02:04,830
and transition from state A to state B, if we want to.
39
00:02:05,350 --> 00:02:07,940
And, in general, in this section
40
00:02:07,940 --> 00:02:10,690
we're going to learn about a couple of key concepts.
41
00:02:10,690 --> 00:02:13,930
This is a section you absolutely should not skip.
42
00:02:13,930 --> 00:02:16,180
And we're also going to take a closer look
43
00:02:16,180 --> 00:02:18,220
at components and state again.
44
00:02:18,220 --> 00:02:21,720
So, this is another fundamental section covering
45
00:02:21,720 --> 00:02:24,873
core features of React, so let's dive in.
3692
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.