We come back to continue this project?
First, let's configure our application to use React Router Dom.
So inside the app this way we want to implement the routing.
So first step is that we need to require the methods from the React router dom and we need a couple
of them.
So we go ahead and then the structure for the React router dom as React router dom and going to be us
from that.
So what we need here is what we call browser router also that we need what is called routes and then
the route itself and here we go before we continue, unless we have some component.
So here let's create a folder component.
And inside the components, I need to have one folder, four forms.
So here let's create one component called log in form.
And as that.
And for this, I'm going to use an extension that's going to help me to scale for the component.
And the extension is called React Redux.
And this is the extension.
Yes.
When we add redux.
So to be able to scaffold the component, let's see how I'm going to do it.
You make use of r e, f, c e and then hit enter.
And now I have the dummy component, so let's save it.
And now let's implement the navigation.
So here I have all the methods I need.
The next one going to be the component, going to be the log in and I have the auto import as that.
So now I have the component where I want to navigate.
So now let's remove everything from here and let's bring the first method browser router.
So this one is going to wrap all our components.
So after that we bring in the root.
The next one is we are going to use a root to render all our components as that, and for this root
it takes in couple of properties.
The first one is a path where I want to go for this one going to be slash log in, then that's going
to be the element, meaning which components do we want to render?
When I visit, slash, look in and want to be as object and here I'll pass in the component as log in
as that perfect.
Now I have the navigation being implemented, how easy it is.
So with this one I have all the methods from React to Dom being injected into this component.
For example, use params, use navigation and use location.
So now let's check it out.
It is working.
If I go to forward slash log in and I have the log in page now we are on track.
The next video I will provide all the table cases component to have a beautiful forms and then beautiful
homepage.
All right, so let's get rocking in the next video.