1
00:00:00,000 --> 00:00:04,913
[MUSIC]

2
00:00:04,913 --> 00:00:07,930
Let's push your skills even further.

3
00:00:07,930 --> 00:00:12,691
We'll start off by learning how to
create 404 like error routes so

4
00:00:12,691 --> 00:00:17,203
that when a user tries to navigate
to a route that doesn't exist,

5
00:00:17,203 --> 00:00:20,750
the NotFound component
will render on the screen.

6
00:00:20,750 --> 00:00:23,895
We'll then refactor our HTML, CSS and

7
00:00:23,895 --> 00:00:28,959
JavaScript components into one
CourseContainer component.

8
00:00:28,959 --> 00:00:32,954
Depending on which route
the user navigates to,

9
00:00:32,954 --> 00:00:39,590
CourseContainer will receive the course
data as a prop and render it to the page.

10
00:00:39,590 --> 00:00:44,091
Then we'll learn how to
use URL parameters to

11
00:00:44,091 --> 00:00:48,834
display content from
the data passed to the URL.

12
00:00:48,834 --> 00:00:54,632
For example, when we type in the URL
/teachers/React/Laura,

13
00:00:54,632 --> 00:00:59,251
our dynamic route will render
the Featured component,

14
00:00:59,251 --> 00:01:04,260
which takes the topic, React and
name, Laura from the URL,

15
00:01:04,260 --> 00:01:11,164
and render introducing Laura, a teacher
who loves teaching courses about React.

16
00:01:11,164 --> 00:01:15,559
Lastly, we'll learn how to
navigate routes programmatically.

17
00:01:15,559 --> 00:01:19,927
We'll create a form where users can
enter the name of a teacher and

18
00:01:19,927 --> 00:01:21,920
the topic they like to teach.

19
00:01:21,920 --> 00:01:28,031
With the help of the Use Navigate Hook,
when the user clicks the Go button,

20
00:01:28,031 --> 00:01:33,366
we'll be able to navigate the user
to a new URL, where the name and

21
00:01:33,366 --> 00:01:37,355
topic is in the URL, and
is rendered to the page.

22
00:01:37,355 --> 00:01:39,135
Let's keep it going.