1
00:00:00,510 --> 00:00:07,320
Before we get into creating React components from scratch, let's have a look.

2
00:00:07,320 --> 00:00:10,950
Why use React component?

3
00:00:11,640 --> 00:00:19,290
There are so many reasons to use React component, but let's have a look at the most important ones

4
00:00:19,290 --> 00:00:20,940
or commonly used ones.

5
00:00:21,570 --> 00:00:26,820
There are many reasons to use React components in your app.

6
00:00:27,450 --> 00:00:36,330
One of them, or one of the main reasons is that component can make your code more reusable and easier

7
00:00:36,330 --> 00:00:37,560
to maintain.

8
00:00:38,440 --> 00:00:46,810
For example, if you have a button that you want to use in multiple places in your app, you can create

9
00:00:46,810 --> 00:00:54,640
a react component for that button and then use that component wherever you want the button to appear.

10
00:00:55,300 --> 00:00:58,120
This can make your code more dry.

11
00:00:58,150 --> 00:01:04,750
That is, don't repeat yourself and easy to read as well.

12
00:01:05,700 --> 00:01:17,310
And another cool point is that we had componente help you or help us to split up your UI into smaller,

13
00:01:17,310 --> 00:01:19,290
more manageable pieces.

14
00:01:19,530 --> 00:01:28,440
This can make it simpler to understand and work with your UI, especially as your app grows in size.

15
00:01:29,220 --> 00:01:35,280
Well, if you're just getting started with React, you may be wondering how to create your first component.

16
00:01:35,310 --> 00:01:41,730
The next section we are going to or I'm going to show you how to create add component.

17
00:01:42,060 --> 00:01:50,640
Well, after we write our first component, you'll be able to understand these reasons why we use component.

18
00:01:50,640 --> 00:01:52,580
So there is no rush.

19
00:01:52,590 --> 00:01:54,210
Let's move step by step.

20
00:01:54,210 --> 00:01:55,200
The next video.

21
00:01:55,230 --> 00:01:59,520
Let's see how we can create React component.