Instructor: In the last section, we got an overview
of the client side application
that we're going to put together.
In this section, we'll continue by installing
a couple dependencies into our project.
So I'm gonna flip on over to the terminal,
it looks like I have finished creating my new project,
so I now have a client directory and a server directory.
I'm gonna change into the client folder
and then inside of here we're going to install
a couple of different packages.
So first off, we definitely have shown multiple pages
being visited inside of our application.
To handle that navigation,
we're going to install react-router-dom.
In addition, we probably are going to want to have some idea
of centralized state inside of our application,
which means we're going to need redux
and to go along with that react-redux as well.
Finally, we have shown a couple of different forms
inside of our application,
both the sign up and the sign out.
To handle those forms,
we're going to also get the redux-form library
to help us with creating those forms
and doing all that formulated stuff.
I think there's just two more very quick modules
we're going to get as well.
We're definitely gonna have to make requests
to our backend API that we've already put together.
For that, We're going to get axios.
And then finally, I think the last thing we'll get
is redux-thunk.
Redux-thunk is a middleware
that's used for making asynchronous action creators,
very similar to ones that we had used
with redux-promise previously.
But this time around, rather than using redux-thunk,
or excuse me, redux-promise,
we can use thunk just to get some more experience
with a different async helper
for our asynchronous action creators.
So redux-thunk is gonna be our last one.
Okay, so let's install all these.
This installation's gonna take a minute or two,
so we'll let this run
and we'll continue in the next section.