1
00:00:09,570 --> 00:00:10,800
In this video.

2
00:00:10,800 --> 00:00:17,010
Let's see how we can use react router dom by default.

3
00:00:17,010 --> 00:00:26,610
React don't have default navigation unless we install a third party package called React router dom.

4
00:00:27,300 --> 00:00:29,100
React router dom.

5
00:00:29,130 --> 00:00:36,810
Help us to render a component when a certain path matches and this is what we call navigation.

6
00:00:36,900 --> 00:00:44,460
So by the end of this video, this is a final project that we are going to build to expand our knowledge

7
00:00:44,460 --> 00:00:46,470
under React Router.

8
00:00:46,470 --> 00:00:49,860
Dom So for this we have a homepage.

9
00:00:49,860 --> 00:00:56,910
When I click on it, you can see that I'm still on the home page and if I click on product we can see

10
00:00:56,910 --> 00:01:03,870
that it has displayed list of product and this data is a static data.

11
00:01:04,290 --> 00:01:10,350
So when I click on admin you can see that I have what is called access denying.

12
00:01:10,470 --> 00:01:17,970
So I'm going to show you how we can use React Router Dom to protect a component from non authorized

13
00:01:18,000 --> 00:01:18,780
users.

14
00:01:18,990 --> 00:01:20,730
And then we have the log in.

15
00:01:20,730 --> 00:01:26,400
When I click on log in and you can see that I see four or 4 minutes not found.

16
00:01:26,400 --> 00:01:33,570
We are also going to implement not found component and this is a package that we are going to use and

17
00:01:33,570 --> 00:01:36,480
that is react router dom.

18
00:01:36,690 --> 00:01:43,920
In the next video we will go ahead and then play around with React Router Dom to build something like

19
00:01:43,920 --> 00:01:47,130
this, let's get into that in the next video.