1
00:00:00,930 --> 00:00:04,500
‫Welcome to the last and optional section

2
00:00:04,500 --> 00:00:08,340
‫of the Intermediate React part of the course.

3
00:00:08,340 --> 00:00:12,063
‫This one is all about class-based React.

4
00:00:12,990 --> 00:00:14,970
‫So once upon a time,

5
00:00:14,970 --> 00:00:19,710
‫we used to write React components in quite a different way.

6
00:00:19,710 --> 00:00:22,470
‫Instead of using functions and Hooks,

7
00:00:22,470 --> 00:00:26,940
‫we used classes and so-called lifecycle methods.

8
00:00:26,940 --> 00:00:29,340
‫Now, you will most likely never have

9
00:00:29,340 --> 00:00:31,110
‫to write a class component

10
00:00:31,110 --> 00:00:34,020
‫in your work or personal projects,

11
00:00:34,020 --> 00:00:37,830
‫but you will encounter them in older codebases,

12
00:00:37,830 --> 00:00:40,950
‫and you might even need to convert class components

13
00:00:40,950 --> 00:00:44,250
‫to function components at some point.

14
00:00:44,250 --> 00:00:47,280
‫That's why I have decided to include a section

15
00:00:47,280 --> 00:00:51,870
‫on this legacy way of writing React code.

16
00:00:51,870 --> 00:00:53,280
‫Now, if you're concerned

17
00:00:53,280 --> 00:00:56,430
‫that this different syntax will confuse you,

18
00:00:56,430 --> 00:00:59,370
‫please just skip this section for now

19
00:00:59,370 --> 00:01:01,470
‫and come back to it later,

20
00:01:01,470 --> 00:01:04,230
‫or only if you ever need to learn

21
00:01:04,230 --> 00:01:07,830
‫about these class components at your job.

22
00:01:07,830 --> 00:01:12,570
‫But if you're curious about this historical part of React,

23
00:01:12,570 --> 00:01:14,652
‫then let's move right on.

24
00:01:14,652 --> 00:01:16,656
‫(upbeat music)