Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:02,250 --> 00:00:04,400
In those course sections
2
00:00:04,400 --> 00:00:06,640
which you went through up to this point,
3
00:00:06,640 --> 00:00:10,330
we built a lot of demo projects and example projects,
4
00:00:10,330 --> 00:00:11,900
and there's one thing which
5
00:00:11,900 --> 00:00:14,780
all these projects have in common.
6
00:00:14,780 --> 00:00:19,260
They all basically take place on one single page.
7
00:00:19,260 --> 00:00:23,950
With which I mean, that their URL never changes.
8
00:00:23,950 --> 00:00:26,690
When we navigate around in these apps,
9
00:00:26,690 --> 00:00:30,790
when we dive into different features of the apps we build
10
00:00:30,790 --> 00:00:34,270
the URL always stays the same,
11
00:00:34,270 --> 00:00:37,610
and this kind of makes sense because you learned
12
00:00:37,610 --> 00:00:40,410
that with React we typically do build
13
00:00:40,410 --> 00:00:42,830
a single page application.
14
00:00:42,830 --> 00:00:45,230
But on the other hand, you could argue that
15
00:00:45,230 --> 00:00:49,510
having a URL which never changes isn't ideal.
16
00:00:49,510 --> 00:00:50,640
Because after all,
17
00:00:50,640 --> 00:00:54,070
it's one of the greatest advantages of websites
18
00:00:54,070 --> 00:00:59,070
that you can directly link to a certain page or feature
19
00:00:59,120 --> 00:01:01,130
inside of a website.
20
00:01:01,130 --> 00:01:03,960
You can directly link to a specific article
21
00:01:03,960 --> 00:01:08,090
which is interesting, to a specific product on amazon.com,
22
00:01:08,090 --> 00:01:11,200
that's one of the key benefits of the web, in the end.
23
00:01:11,200 --> 00:01:14,700
And currently in our React apps, which we're building,
24
00:01:14,700 --> 00:01:16,720
it's not a feature we can utilize
25
00:01:16,720 --> 00:01:19,080
because the URL never changes
26
00:01:19,080 --> 00:01:23,200
and therefore we can only link to the app overall,
27
00:01:23,200 --> 00:01:24,960
to the website overall,
28
00:01:24,960 --> 00:01:27,780
and whenever we share a link to our website,
29
00:01:27,780 --> 00:01:30,170
users can of course visit it,
30
00:01:30,170 --> 00:01:34,210
but they will end up on the starting page of our website.
31
00:01:34,210 --> 00:01:36,820
And therefore, in this course section,
32
00:01:36,820 --> 00:01:40,260
we're going to dive into a concept called routing.
33
00:01:40,260 --> 00:01:42,450
And with that we're going to learn
34
00:01:42,450 --> 00:01:45,200
how we can add multiple pages
35
00:01:45,200 --> 00:01:48,400
or the illusion of having multiple pages
36
00:01:48,400 --> 00:01:53,400
with different URL's to the same single page application.
37
00:01:54,220 --> 00:01:57,710
So, we will still build a single page application
38
00:01:57,710 --> 00:02:00,660
where React and the browser is responsible
39
00:02:00,660 --> 00:02:02,830
for updating what the user sees,
40
00:02:02,830 --> 00:02:06,550
but we will still be able to change the URL
41
00:02:06,550 --> 00:02:08,729
and use multiple pages.
42
00:02:08,729 --> 00:02:10,229
And if that sounds strange
43
00:02:10,229 --> 00:02:13,940
we're going to learn how it works in this course section.
44
00:02:13,940 --> 00:02:16,300
Specifically, we're going to explore
45
00:02:16,300 --> 00:02:19,730
what exactly Client-Side Routing is
46
00:02:19,730 --> 00:02:21,640
and how we make it work.
47
00:02:21,640 --> 00:02:25,170
We're then going to dive into a third party package
48
00:02:25,170 --> 00:02:26,870
called React-Router,
49
00:02:26,870 --> 00:02:29,010
which we'll use to implement routing
50
00:02:29,010 --> 00:02:31,100
in our React application,
51
00:02:31,100 --> 00:02:33,620
and we're then going to work with that package
52
00:02:33,620 --> 00:02:36,520
to add routing to an example project.
53
00:02:36,520 --> 00:02:39,560
And we're not just going to dive into the basics,
54
00:02:39,560 --> 00:02:42,260
but as we always did in this course,
55
00:02:42,260 --> 00:02:44,430
we are going to dig a bit deeper
56
00:02:44,430 --> 00:02:48,300
and we are going to dive into some advance features as well,
57
00:02:48,300 --> 00:02:51,353
Dynamic Routes, Nested Routes, and more.
4474
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.