1
00:00:00,840 --> 00:00:02,430
Instructor: In the last section, we got an overview

2
00:00:02,430 --> 00:00:03,780
of the client side application

3
00:00:03,780 --> 00:00:05,250
that we're going to put together.

4
00:00:05,250 --> 00:00:06,960
In this section, we'll continue by installing

5
00:00:06,960 --> 00:00:09,420
a couple dependencies into our project.

6
00:00:09,420 --> 00:00:11,220
So I'm gonna flip on over to the terminal,

7
00:00:11,220 --> 00:00:14,250
it looks like I have finished creating my new project,

8
00:00:14,250 --> 00:00:18,480
so I now have a client directory and a server directory.

9
00:00:18,480 --> 00:00:20,490
I'm gonna change into the client folder

10
00:00:20,490 --> 00:00:22,350
and then inside of here we're going to install

11
00:00:22,350 --> 00:00:24,213
a couple of different packages.

12
00:00:25,320 --> 00:00:28,200
So first off, we definitely have shown multiple pages

13
00:00:28,200 --> 00:00:30,270
being visited inside of our application.

14
00:00:30,270 --> 00:00:31,710
To handle that navigation,

15
00:00:31,710 --> 00:00:34,263
we're going to install react-router-dom.

16
00:00:35,280 --> 00:00:37,830
In addition, we probably are going to want to have some idea

17
00:00:37,830 --> 00:00:40,710
of centralized state inside of our application,

18
00:00:40,710 --> 00:00:42,720
which means we're going to need redux

19
00:00:42,720 --> 00:00:45,903
and to go along with that react-redux as well.

20
00:00:47,130 --> 00:00:49,470
Finally, we have shown a couple of different forms

21
00:00:49,470 --> 00:00:50,700
inside of our application,

22
00:00:50,700 --> 00:00:53,010
both the sign up and the sign out.

23
00:00:53,010 --> 00:00:54,480
To handle those forms,

24
00:00:54,480 --> 00:00:58,320
we're going to also get the redux-form library

25
00:00:58,320 --> 00:01:00,060
to help us with creating those forms

26
00:01:00,060 --> 00:01:02,073
and doing all that formulated stuff.

27
00:01:03,000 --> 00:01:05,280
I think there's just two more very quick modules

28
00:01:05,280 --> 00:01:06,510
we're going to get as well.

29
00:01:06,510 --> 00:01:08,280
We're definitely gonna have to make requests

30
00:01:08,280 --> 00:01:11,070
to our backend API that we've already put together.

31
00:01:11,070 --> 00:01:13,200
For that, We're going to get axios.

32
00:01:13,200 --> 00:01:15,630
And then finally, I think the last thing we'll get

33
00:01:15,630 --> 00:01:18,780
is redux-thunk.

34
00:01:18,780 --> 00:01:20,280
Redux-thunk is a middleware

35
00:01:20,280 --> 00:01:22,980
that's used for making asynchronous action creators,

36
00:01:22,980 --> 00:01:24,810
very similar to ones that we had used

37
00:01:24,810 --> 00:01:27,240
with redux-promise previously.

38
00:01:27,240 --> 00:01:29,796
But this time around, rather than using redux-thunk,

39
00:01:29,796 --> 00:01:30,629
or excuse me, redux-promise,

40
00:01:30,629 --> 00:01:33,120
we can use thunk just to get some more experience

41
00:01:33,120 --> 00:01:35,460
with a different async helper

42
00:01:35,460 --> 00:01:38,910
for our asynchronous action creators.

43
00:01:38,910 --> 00:01:42,450
So redux-thunk is gonna be our last one.

44
00:01:42,450 --> 00:01:44,460
Okay, so let's install all these.

45
00:01:44,460 --> 00:01:46,380
This installation's gonna take a minute or two,

46
00:01:46,380 --> 00:01:47,310
so we'll let this run

47
00:01:47,310 --> 00:01:49,260
and we'll continue in the next section.