1
00:00:00,080 --> 00:00:07,100
Since our application is going to contain multiple pages, we'll have to set up the routing.

2
00:00:07,350 --> 00:00:12,980
And in order to set up our router, we'll use the React Router library.

3
00:00:13,010 --> 00:00:18,590
More specifically, the latest version of React Router Library.

4
00:00:18,620 --> 00:00:29,300
So in the previous course iteration we used React router six, but the React router 6.4 brought significant

5
00:00:29,300 --> 00:00:30,260
changes.

6
00:00:30,770 --> 00:00:35,580
And therefore in this course iteration, of course we'll use the latest version.

7
00:00:35,600 --> 00:00:40,100
Now, more specifically, it brought loaders and actions.

8
00:00:40,130 --> 00:00:41,690
Now there's other things as well.

9
00:00:41,690 --> 00:00:44,810
But in my opinion at least, those are the main ones.

10
00:00:44,960 --> 00:00:49,980
Effectively, loaders allow us to preload the data something really cool.

11
00:00:50,000 --> 00:00:55,430
And actions allow us to handle the form submissions.

12
00:00:55,460 --> 00:01:01,090
And of course, we'll cover both of these in great detail in the upcoming videos.

13
00:01:01,110 --> 00:01:11,430
And as far as my general overview of the main differences between the 6.4 and Up React router and the

14
00:01:11,430 --> 00:01:17,340
previous version is that you'll need to create more pages for your project.

15
00:01:17,340 --> 00:01:21,660
And also pages are going to be independent entities.

16
00:01:21,900 --> 00:01:26,640
As a result, there's really less need for global state.

17
00:01:27,030 --> 00:01:33,660
So if you remember the previous course iteration, we built a quite extensive.

18
00:01:34,160 --> 00:01:36,860
Context API file.

19
00:01:37,190 --> 00:01:45,890
And in there we're actually referencing the reducer, which of course we set up using the use reducer

20
00:01:45,890 --> 00:01:46,360
hook.

21
00:01:46,370 --> 00:01:48,110
But in this particular application.

22
00:01:48,110 --> 00:01:54,380
So in this course iteration, actually we'll have way less global state values.

23
00:01:54,410 --> 00:01:59,320
I believe we'll have 2 or 3 because there's really no need.

24
00:01:59,330 --> 00:02:07,370
And this is this interesting tradeoff where with the latest version of React Router, essentially we

25
00:02:07,370 --> 00:02:12,370
will set up more pages, but there's less need for the global state.

26
00:02:12,380 --> 00:02:15,530
At least that's my general overview.

27
00:02:15,560 --> 00:02:20,270
Of course, as you start working with the library, you might have different opinion, but I definitely

28
00:02:20,270 --> 00:02:23,960
want to share this one because I found it a very interesting concept.

29
00:02:24,650 --> 00:02:27,020
And once we're done with the general overview.

30
00:02:27,110 --> 00:02:30,470
Up next, let's actually create our first pages.