Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:02,170 --> 00:00:05,220
There is a very popular third-party package
2
00:00:05,220 --> 00:00:07,590
called React Router.
3
00:00:07,590 --> 00:00:10,700
It is a package which you have to install separately,
4
00:00:10,700 --> 00:00:13,910
it's not built into React, but it is a package
5
00:00:13,910 --> 00:00:17,240
which then does give us that client-side routing
6
00:00:17,240 --> 00:00:21,120
so that watching and manipulation of the URL
7
00:00:21,120 --> 00:00:25,170
and that component rendering based on the URL.
8
00:00:25,170 --> 00:00:28,970
React Router is a package that gives us these features
9
00:00:28,970 --> 00:00:31,833
that allow us to implement client-side routing.
10
00:00:32,670 --> 00:00:35,260
Now you can visit reactrouter.com
11
00:00:35,260 --> 00:00:38,980
to dive into the official documentation and examples
12
00:00:38,980 --> 00:00:41,890
or you also visit their GitHub repository
13
00:00:41,890 --> 00:00:45,300
to learn more about it, inspect the code if you want to,
14
00:00:45,300 --> 00:00:48,140
and of course, to also learn how you can get started
15
00:00:48,140 --> 00:00:50,150
with React Router.
16
00:00:50,150 --> 00:00:52,140
Now I will show you how to get started
17
00:00:52,140 --> 00:00:55,130
over the next lectures though so you therefore don't need
18
00:00:55,130 --> 00:00:56,720
to do that on your own.
19
00:00:56,720 --> 00:01:00,480
But it is this package which we are going to use.
20
00:01:00,480 --> 00:01:04,670
And for this, I did now create a brand new React project,
21
00:01:04,670 --> 00:01:07,540
you find this starting project attached,
22
00:01:07,540 --> 00:01:12,200
it's an empty React project, just some basic files in there.
23
00:01:12,200 --> 00:01:16,570
And it's now this project to which I wanna add React Router
24
00:01:16,570 --> 00:01:19,530
and we can do it as by running npm install
25
00:01:19,530 --> 00:01:23,260
in this built-in terminal in Visual Studio Code,
26
00:01:23,260 --> 00:01:27,323
react-router and now important, -dom.
27
00:01:28,740 --> 00:01:31,850
You need this package, not just React Router
28
00:01:31,850 --> 00:01:33,713
but react-router-dom.
29
00:01:34,900 --> 00:01:37,910
It's this package which you wanna install.
30
00:01:37,910 --> 00:01:40,710
And if you hit Enter, this package now gets downloaded
31
00:01:40,710 --> 00:01:43,690
and gets installed into this project.
32
00:01:43,690 --> 00:01:46,690
So now we can use it and we will now use it
33
00:01:46,690 --> 00:01:50,133
and we will get started with it in the next lectures.
2735
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.
Afrikaans
Akan
Albanian
Amharic
Arabic
Armenian
Azerbaijani
Basque
Belarusian
Bemba
Bengali
Bihari
Bosnian
Breton
Bulgarian
Cambodian
Catalan
Cebuano
Cherokee
Chichewa
Chinese (Simplified)
Chinese (Traditional)
Corsican
Croatian
Czech
Danish
Dutch
English
Esperanto
Estonian
Faroese
Finnish
Galician
Georgian
German
Greek
Guarani
Haitian Creole
Hausa
Hawaiian
Hebrew
Hmong
Hungarian
Icelandic
Indonesian
Irish
Italian
Japanese
Kazakh
Kinyarwanda
Kirundi
Kongo
Korean
Krio (Sierra Leone)
Kurdish
Kyrgyz
Laothian
Latin
Latvian
Lithuanian
Luganda
Luo
Luxembourgish
Macedonian
Malagasy
Malay
Maltese
Maori
Mauritian Creole
Moldavian
Mongolian
Myanmar (Burmese)
Montenegrin
Nepali
Norwegian
Pashto
Polish
Portuguese (Brazil)
Portuguese (Portugal)
Quechua
Romanian
Romansh
Russian
Samoan
Scots Gaelic
Serbian
Sesotho
Setswana
Seychellois Creole
Shona
Sindhi
Sinhalese
Slovak
Slovenian
Somali
Spanish
Swedish
Tajik
Thai
Tigrinya
Tonga
Turkish
Turkmen
Ukrainian
Uzbek
Vietnamese
Welsh
Wolof