1
00:00:00,210 --> 00:00:00,600
Beautiful.

2
00:00:01,080 --> 00:00:07,860
And once we're done with React router refresher to set up structure for all the pages.

3
00:00:08,280 --> 00:00:14,160
Now there's going to be more nested pages, but I'm just thinking about the main pages of our application.

4
00:00:14,490 --> 00:00:18,870
So we're talking about Arrow Register and Ash Board and Sam's dashboard will be nested.

5
00:00:19,410 --> 00:00:23,670
There is going to be a little bit different set up later, but let's not worry about it right now.

6
00:00:24,060 --> 00:00:31,260
So for now, what I want you to do is go to Pages Directory and then create error register and dashboard

7
00:00:31,260 --> 00:00:32,729
pages with basic return.

8
00:00:32,729 --> 00:00:37,770
Whatever you want our turn as default, whether that's heading one day or whatever.

9
00:00:37,810 --> 00:00:38,910
Again, it doesn't really matter.

10
00:00:39,300 --> 00:00:43,200
Then create in jazz, import all the pages that we have.

11
00:00:43,470 --> 00:00:45,630
Remember, we still have landing there as well.

12
00:00:46,110 --> 00:00:53,970
Export them one by one, basically, just like in the components that import them in U.S. and then add

13
00:00:53,970 --> 00:00:56,280
them one by one to our elements.

14
00:00:56,550 --> 00:01:03,630
So if the path is to an error page kind of makes sense that we provide the error page correct.

15
00:01:03,960 --> 00:01:09,630
And then at the very end, you can remove the bar because we're not going to use it in the address.

16
00:01:09,870 --> 00:01:12,600
So let me open up the sidebar.

17
00:01:13,020 --> 00:01:18,210
We're looking for two pages and I'll write a way, create the index just as well.

18
00:01:18,220 --> 00:01:22,290
So let's go here in the U.S., but I'm being we're not going to do anything here.

19
00:01:22,320 --> 00:01:23,460
Let's create those pages.

20
00:01:23,850 --> 00:01:26,160
So for now, I'll start with a dashboard.

21
00:01:26,940 --> 00:01:30,420
Again, I'm using my snippets, so I'm going to go with underscore.

22
00:01:30,750 --> 00:01:37,050
And then what I'm looking for is are a half c e I create my dashboard, Bing.

23
00:01:37,050 --> 00:01:42,450
I'm going to change this around to a heading one just because it's easier to see on a small screen.

24
00:01:43,020 --> 00:01:48,330
And I'll say dashboard or right away, I export with our export default.

25
00:01:48,660 --> 00:01:52,170
So now it's doing the same thing for the error unregister register.

26
00:01:52,680 --> 00:01:55,880
So we're going to go here with the registered yes again.

27
00:01:55,890 --> 00:01:59,660
Same deal, same snippet and that same returns.

28
00:01:59,660 --> 00:02:02,940
So we want we can actually copy and paste.

29
00:02:02,950 --> 00:02:04,080
Maybe that's going to be faster.

30
00:02:04,080 --> 00:02:04,530
I don't know.

31
00:02:04,650 --> 00:02:05,130
I'm not sure.

32
00:02:05,580 --> 00:02:07,320
So let me go here, copy and paste.

33
00:02:07,320 --> 00:02:10,830
And now I just want to change it to a register, of course.

34
00:02:11,400 --> 00:02:15,660
And let's do the same thing with our error.

35
00:02:16,110 --> 00:02:20,910
So our page and then let's go here again.

36
00:02:21,390 --> 00:02:27,240
Same component and now check my register for some reason complains I'm not sure why.

37
00:02:27,960 --> 00:02:30,300
Maybe because there was a mess up here.

38
00:02:30,470 --> 00:02:33,510
I don't have the closing bracket.

39
00:02:33,630 --> 00:02:34,230
My apologies.

40
00:02:34,800 --> 00:02:36,990
So it must save it properly here and now.

41
00:02:36,990 --> 00:02:39,240
Of course, I don't have the proper syntax here.

42
00:02:39,540 --> 00:02:39,870
OK.

43
00:02:40,350 --> 00:02:42,660
Finally, let me grab this setting one.

44
00:02:43,620 --> 00:02:49,590
And then back in the air, we just want to replace that, and it looks like copying pasting is definitely

45
00:02:49,590 --> 00:02:50,370
not my thing today.

46
00:02:50,910 --> 00:02:56,160
And then once all of this in place, remember now we want to one by one import them.

47
00:02:56,640 --> 00:03:02,610
So we're looking for a dashboard and register all of them one by one, let's say dashboard here.

48
00:03:03,000 --> 00:03:09,870
And what's also nifty that we can actually use your cursor here, like show violence, copy and paste,

49
00:03:09,870 --> 00:03:13,530
and then we can just change the around the name because all of the march.

50
00:03:13,710 --> 00:03:15,300
Now, if you prefer the.

51
00:03:16,200 --> 00:03:20,880
Auto import, which is available in Visual Studio Code, of course, you can do that as well.

52
00:03:20,890 --> 00:03:23,460
So and here you can go with landing.

53
00:03:24,030 --> 00:03:26,730
You can also change it around to error.

54
00:03:27,120 --> 00:03:28,350
The last one we're looking for.

55
00:03:28,650 --> 00:03:29,520
Here's the register.

56
00:03:29,910 --> 00:03:32,460
Alternatively, you can use the auto import.

57
00:03:32,520 --> 00:03:33,420
That's really up to you.

58
00:03:33,690 --> 00:03:39,510
And I'm going to spend one video kind of explaining where I stand on auto or importing while I'm recording,

59
00:03:39,510 --> 00:03:40,230
but not for now.

60
00:03:40,440 --> 00:03:41,640
I just focus on these things.

61
00:03:41,970 --> 00:03:42,390
So I'm here.

62
00:03:42,390 --> 00:03:43,560
I want to get a dashboard.

63
00:03:43,710 --> 00:03:45,390
I want to get the landing page.

64
00:03:45,810 --> 00:03:50,010
I want to also get the error page, and I want to go with a registered page.

65
00:03:50,400 --> 00:03:54,150
I export all of them now from the index, just from the pages.

66
00:03:54,390 --> 00:03:55,780
So this time everything's correct.

67
00:03:56,180 --> 00:03:57,450
I'm back in the app.

68
00:03:57,530 --> 00:03:59,900
Yes, I just start by removing a number.

69
00:03:59,910 --> 00:04:01,830
Like I said, we won't need you just for now.

70
00:04:02,130 --> 00:04:03,810
And I also don't need this link.

71
00:04:04,230 --> 00:04:07,860
So let's remove this one, and let's set up our import.

72
00:04:08,190 --> 00:04:09,300
And what are we looking for?

73
00:04:09,570 --> 00:04:12,060
Well, I want to get the dashboard correct.

74
00:04:12,450 --> 00:04:12,990
What else?

75
00:04:12,990 --> 00:04:18,750
I want to get the register, then I want to get the landing in mind, the error.

76
00:04:18,779 --> 00:04:23,370
Now, if you want again, you can technically just copy and paste.

77
00:04:23,890 --> 00:04:28,020
So that's definitely going to be faster, especially if you have a bunch of files and you know that

78
00:04:28,020 --> 00:04:28,990
you'll use all of them.

79
00:04:29,040 --> 00:04:32,340
So this is the case where in an I know, I'll use all of these pages.

80
00:04:32,760 --> 00:04:36,660
So again, you can copy and paste or in my case, I'm going to go with error.

81
00:04:36,660 --> 00:04:37,440
And then from.

82
00:04:37,800 --> 00:04:38,910
And what are we looking for?

83
00:04:38,940 --> 00:04:41,310
Well, we just want to go for pages.

84
00:04:41,370 --> 00:04:41,800
That's it.

85
00:04:41,820 --> 00:04:42,900
That's all we have to do.

86
00:04:43,200 --> 00:04:44,090
And not one by one.

87
00:04:44,340 --> 00:04:49,020
While let's change them around where it's not going to be a div with the dashboard, it's actually going

88
00:04:49,020 --> 00:04:50,700
to be a dashboard component.

89
00:04:51,090 --> 00:04:52,530
Same goes for register.

90
00:04:52,830 --> 00:04:55,080
And hopefully you see where I'm going with us.

91
00:04:55,290 --> 00:04:56,640
So let me set up the register.

92
00:04:56,970 --> 00:04:58,830
And then lastly, let me go with her.

93
00:04:59,310 --> 00:05:00,690
So we're going to go here with error.

94
00:05:00,870 --> 00:05:06,150
Let's say that one and we have landing has been already declared.

95
00:05:06,690 --> 00:05:08,490
And of course, yeah, I left this import.

96
00:05:08,550 --> 00:05:09,190
My apologies.

97
00:05:09,270 --> 00:05:10,080
Let me say it.

98
00:05:10,290 --> 00:05:11,430
And now everything is correct.

99
00:05:11,700 --> 00:05:13,770
So this is going to be our register page.

100
00:05:14,130 --> 00:05:18,390
But if I go to your home page, I should see the dashboard.

101
00:05:18,660 --> 00:05:22,050
And then if I go to a landing, everything still works.

102
00:05:22,170 --> 00:05:28,130
I can navigate the register and then if I go to a route that doesn't exist like, let's say, registered,

103
00:05:28,530 --> 00:05:31,170
and once we navigate there, we should see the error page.

104
00:05:31,170 --> 00:05:33,810
But I think that's what happens when you copy and paste.

105
00:05:34,050 --> 00:05:34,330
Yep.

106
00:05:34,650 --> 00:05:35,280
Of course I'm here.

107
00:05:35,280 --> 00:05:37,890
I have the register should be error.

108
00:05:38,340 --> 00:05:39,540
So let's set it up.

109
00:05:39,720 --> 00:05:47,460
Now we have properly error, and with this in place now we have a proper structure for our main pages.