1
00:00:00,210 --> 00:00:05,160
Welcome to this section of forms in React.

2
00:00:05,400 --> 00:00:08,850
So before we continue, what is a form?

3
00:00:08,970 --> 00:00:14,310
Forms are an essential part of any web application.

4
00:00:14,640 --> 00:00:21,900
They allow users to input data, interact with the application, and then submit requests.

5
00:00:22,200 --> 00:00:28,260
So in this video, we will have a look at the types of forms we have.

6
00:00:28,710 --> 00:00:31,140
We have two types of forms.

7
00:00:31,140 --> 00:00:34,230
One is called control form.

8
00:00:35,080 --> 00:00:38,170
And then on control form.

9
00:00:38,620 --> 00:00:46,000
So control forms are those where the form data is handled by a react component.

10
00:00:46,390 --> 00:00:53,830
The component is responsible for updating the form values and then submitting the data to the server.

11
00:00:54,130 --> 00:00:57,910
This gives you greater control over the form and data.

12
00:00:57,940 --> 00:01:02,180
However, it requires more code and can be more difficult to set up.

13
00:01:02,240 --> 00:01:03,020
Don't worry.

14
00:01:03,040 --> 00:01:04,269
That's why we are here.

15
00:01:04,300 --> 00:01:08,950
I'm going to break it down for us to know how we can create a control form.

16
00:01:09,040 --> 00:01:15,040
And then the uncontrolled form, on the other hand, are where the forms are handled by the browser

17
00:01:15,040 --> 00:01:15,700
itself.

18
00:01:15,730 --> 00:01:22,690
The browser keeps track of the input values and handle submission automatically, and this is easy to

19
00:01:22,690 --> 00:01:24,520
set up but cannot be less.

20
00:01:24,520 --> 00:01:29,920
Or it can be less flexible if you need more control over the form or IT data.

21
00:01:29,920 --> 00:01:36,160
Where we act is about what managing state in the end in a specific component, right.

22
00:01:36,580 --> 00:01:39,490
So we are going to stick to control components.

23
00:01:39,490 --> 00:01:40,780
So we control forms.

24
00:01:40,780 --> 00:01:42,670
So let's get started with that.

25
00:01:42,760 --> 00:01:50,080
Well, coming back to our folder here inside our CRC, let's create a new folder called Forms because

26
00:01:50,080 --> 00:01:54,240
we are going to talk about a new concept which is form.

27
00:01:54,250 --> 00:01:57,130
So I would name it as forms.

28
00:01:57,520 --> 00:02:05,500
So the first form that we are going to talk about is called the control form, and that is what we are

29
00:02:05,500 --> 00:02:06,610
going to stick to.

30
00:02:06,640 --> 00:02:11,980
So the next video, let's get started with how we can handle forms in React.