1
00:00:02,680 --> 00:00:07,820
At the beginning of this REAC section, I told you that things are going to get a little bit overwhelming.

2
00:00:07,880 --> 00:00:11,360
But at the end, you're going to understand everything and things are gonna make sense.

3
00:00:12,560 --> 00:00:17,240
I want to show you exactly how much you've learned, you've learned that components.

4
00:00:17,660 --> 00:00:19,520
Well, now this makes sense, right?

5
00:00:19,790 --> 00:00:24,770
You are building components during this section to combine things into containers.

6
00:00:25,130 --> 00:00:27,260
And then finally have a page or an app.

7
00:00:28,390 --> 00:00:36,550
You also learned that there is one way dataflow, that is everything flows from state to props and you

8
00:00:36,550 --> 00:00:42,790
can have multiple children, but the only people that can change state is a container component.

9
00:00:43,720 --> 00:00:50,230
In our case, we only have one container component, but you can have multiple and data just flows down

10
00:00:50,230 --> 00:00:50,800
one way.

11
00:00:51,310 --> 00:00:56,730
And anytime a child component changes, they just trigger an event on the parent.

12
00:00:57,010 --> 00:00:58,480
And you saw how awesome that was.

13
00:00:58,490 --> 00:01:01,420
We didn't think about how we should render things.

14
00:01:01,750 --> 00:01:04,540
We were doing things deterministically, that is.

15
00:01:04,930 --> 00:01:06,160
Here's the state of the app.

16
00:01:06,310 --> 00:01:08,180
Render it accordingly and react.

17
00:01:08,200 --> 00:01:09,250
Took care of it for us.

18
00:01:10,680 --> 00:01:17,350
We also learned that, well, exactly what I said, react worries about painting and making the website

19
00:01:17,520 --> 00:01:18,000
look good.

20
00:01:18,300 --> 00:01:20,610
We just give it the data and the components.

21
00:01:23,740 --> 00:01:26,120
We learned that React has an awesome ECan system.

22
00:01:26,830 --> 00:01:31,090
We had great tools where we're able to start and build.

23
00:01:31,120 --> 00:01:32,800
And it gave us great airs.

24
00:01:33,880 --> 00:01:37,090
So all these pain points that we had when we were first building our Web sites.

25
00:01:37,190 --> 00:01:37,900
Well, they're gone.

26
00:01:37,930 --> 00:01:43,240
Everything is built for you so that you're ready to just focus on coding without having to worry about

27
00:01:43,240 --> 00:01:43,960
configuration.

28
00:01:44,650 --> 00:01:50,050
When we get to our final project, we're gonna be using reac components to build something really fast

29
00:01:50,200 --> 00:01:53,170
and just plug and play these components.

30
00:01:54,540 --> 00:01:58,680
And finally, well, this shouldn't look confusing to you anymore.

31
00:01:58,860 --> 00:01:59,700
This makes sense.

32
00:02:00,120 --> 00:02:07,430
This whole thing that looked intimidating at first, well, this is just react in this one image.

33
00:02:07,440 --> 00:02:09,990
You have majority of why react is.

34
00:02:11,160 --> 00:02:18,450
And once you get used to the syntax, it's an elegant solution to building beautiful Web apps that are

35
00:02:18,450 --> 00:02:20,880
simple, scalable and easy to manage.

36
00:02:23,320 --> 00:02:25,180
Good job getting this far in the course.

37
00:02:25,900 --> 00:02:29,050
It takes a lot of dedication to get through this by you did it.

38
00:02:29,710 --> 00:02:30,430
You're almost there.

39
00:02:32,200 --> 00:02:33,070
I'll see in the next one.

40
00:02:33,740 --> 00:02:34,090
Bye bye.