1
00:00:02,090 --> 00:00:08,210
Now, just like earlier in the course, the official talks are the place to go, so on react navigation

2
00:00:08,240 --> 00:00:12,450
goldbrick, you can learn more about navigation also in its latest version.

3
00:00:13,130 --> 00:00:18,380
Now, there's one thing I would recommend, and that's a blog post where Navigation five was announced.

4
00:00:18,380 --> 00:00:20,570
You'll find it attached to this lecture.

5
00:00:21,170 --> 00:00:24,910
Now, in this blog post, you can learn more about Riak Navigation five.

6
00:00:24,950 --> 00:00:29,990
What's new, what changed, why they changed it and which new features are included?

7
00:00:30,170 --> 00:00:35,680
There are a lot of features which don't matter to us here, but which might matter for your next application.

8
00:00:35,990 --> 00:00:37,790
So definitely check that out.

9
00:00:38,510 --> 00:00:45,740
You also find a link to an upgrade document in there and upgrading guide, which gives you detailed

10
00:00:45,740 --> 00:00:51,850
steps on how to migrate your navigation for application to react navigation five.

11
00:00:52,640 --> 00:00:55,250
So that's definitely worth a look to learn more about it.

12
00:00:55,550 --> 00:00:59,210
What we will do now is we will install React Navigation five.

13
00:00:59,630 --> 00:01:04,630
And for that I'm in the get at starting documentation and there it's this command which I'll grab.

14
00:01:04,880 --> 00:01:13,670
So grab that, stop that process here and run npm install at react dash navigation slash native Des's

15
00:01:13,670 --> 00:01:13,940
new.

16
00:01:13,940 --> 00:01:20,850
By the way, prior to version five the package name was just Riak navigation not at REAC navigation

17
00:01:20,850 --> 00:01:21,800
slash something.

18
00:01:22,520 --> 00:01:25,160
So now let's install this new package here.

19
00:01:26,200 --> 00:01:30,520
And whilst this is installing, we can already grasp this next command down there.

20
00:01:30,670 --> 00:01:37,060
Copy it and also run this command to install all dependencies of this react navigation, Worsham.

21
00:01:37,780 --> 00:01:45,460
And once this is done, we should be able to restart this application with NPM, start here and then

22
00:01:45,460 --> 00:01:50,260
again launch it on Android and iOS to see the updated application, dear.

23
00:01:51,150 --> 00:01:58,260
Now, what you'll see now is that it's broken, it's not working anymore just because we installed these

24
00:01:58,260 --> 00:02:04,750
new packages and now it's time to migrate our set up to this new component based setup.

25
00:02:04,920 --> 00:02:06,150
So let's start with that.