1
00:00:00,760 --> 00:00:03,010
In the last video we started talking about redux form.

2
00:00:03,070 --> 00:00:06,910
I now want to show you some of the documentation around redux farm because like I said I think that

3
00:00:06,910 --> 00:00:11,200
you're probably going to end up wanting to reference this documentation once you start working on your

4
00:00:11,200 --> 00:00:16,600
own projects so we can find the documentation for redux form at redux dash farm.

5
00:00:16,740 --> 00:00:20,850
I'm going to open up a new browser tab and navigate over there right now.

6
00:00:21,260 --> 00:00:21,480
OK.

7
00:00:21,520 --> 00:00:22,930
So here's the documentation.

8
00:00:22,930 --> 00:00:24,340
I'm going to scroll down a little bit.

9
00:00:24,340 --> 00:00:28,430
You'll see that there is some start here API examples and FNQ.

10
00:00:28,600 --> 00:00:32,650
By far the most useful section here is the Examples section.

11
00:00:32,680 --> 00:00:34,960
So I going to check out the examples.

12
00:00:34,960 --> 00:00:39,210
This is a list of different form types that you might want to put into your application.

13
00:00:39,250 --> 00:00:45,340
So there are very simple examples for a simple straightforward form beurre form with some type of validation

14
00:00:45,340 --> 00:00:46,090
that is going to happen.

15
00:00:46,090 --> 00:00:51,830
Client side inside of your app or validation that is only going to occur when the user submits a form.

16
00:00:52,060 --> 00:00:57,190
And even let's say down here initialising the form from the States which would be any time that we want

17
00:00:57,190 --> 00:01:00,170
to make an edit form you and I are going to do that later on.

18
00:01:00,490 --> 00:01:03,400
And then you can also see a very useful one right here.

19
00:01:03,400 --> 00:01:07,360
Probably the most useful example that you will probably want to reference at some point in time depending

20
00:01:07,360 --> 00:01:10,980
upon the type of application you're going to put together is a wizard form.

21
00:01:11,200 --> 00:01:14,200
Let's take a look at that example really quickly wizard form.

22
00:01:14,590 --> 00:01:16,250
Yes I can scroll down a little bit.

23
00:01:16,420 --> 00:01:20,110
So this is the example right here underneath the section that says form.

24
00:01:20,440 --> 00:01:25,020
So if you want to you could put in some value here and then notice how there's a next button.

25
00:01:25,180 --> 00:01:28,830
So I can click next and then I get prompted for some more input.

26
00:01:31,100 --> 00:01:36,110
I'll put that in and you'll see that it keeps on running me through different steps inside of this form

27
00:01:36,230 --> 00:01:38,280
until eventually I get to submit.

28
00:01:38,300 --> 00:01:43,370
So this kind of a wizard form right here is a very common thing that you see in a lot of web applications

29
00:01:43,370 --> 00:01:48,500
where a lot of different information needs to be picked up from a user and you kind of want to display

30
00:01:48,500 --> 00:01:50,580
different questions all in a series.

31
00:01:50,600 --> 00:01:52,490
Kind of like different pages of sorts.

32
00:01:52,670 --> 00:01:56,530
So again I think that you might end up wanting to read about this wizard form approach.

33
00:01:56,540 --> 00:01:59,840
At some point in the future when you start working on your own application.

34
00:02:00,150 --> 00:02:04,690
But again for right now you and I are going to be working on a little more simple straightforward form.

35
00:02:04,700 --> 00:02:10,100
So for the most part we are going to be following forms of the similar nature to this synchronous validation

36
00:02:10,130 --> 00:02:11,270
example right here.

37
00:02:11,570 --> 00:02:14,090
So if you want to do it you can keep this documentation open.

38
00:02:14,090 --> 00:02:19,340
As we work through our example and our forms but absolutely You don't have to are going to essentially

39
00:02:19,340 --> 00:02:23,960
tell you everything that this documentation says so you can always just kind of you know follow along

40
00:02:23,960 --> 00:02:27,670
with me and we'll do essentially the same exact thing that you see in here.

41
00:02:28,090 --> 00:02:28,320
OK.

42
00:02:28,340 --> 00:02:32,630
So again I just want to show you this documentation very quickly because I really expect you're going

43
00:02:32,630 --> 00:02:35,110
to reference this at some point in the future.

44
00:02:35,120 --> 00:02:36,490
Let's now take a quick pause.

45
00:02:36,500 --> 00:02:40,550
When we come back the next section we're going to start to set up redux form inside of our project.