Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed React Router v6 Basics!
You have completed React Router v6 Basics!
Preview
Let me show you how our app will look by the end of this stage!
This video doesn't have any notes.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
[MUSIC]
0:00
Let's push your skills even further.
0:04
We'll start off by learning how to
create 404 like error routes so
0:07
that when a user tries to navigate
to a route that doesn't exist,
0:12
the NotFound component
will render on the screen.
0:17
We'll then refactor our HTML, CSS and
0:20
JavaScript components into one
CourseContainer component.
0:23
Depending on which route
the user navigates to,
0:28
CourseContainer will receive the course
data as a prop and render it to the page.
0:32
Then we'll learn how to
use URL parameters to
0:39
display content from
the data passed to the URL.
0:44
For example, when we type in the URL
/teachers/React/Laura,
0:48
our dynamic route will render
the Featured component,
0:54
which takes the topic, React and
name, Laura from the URL,
0:59
and render introducing Laura, a teacher
who loves teaching courses about React.
1:04
Lastly, we'll learn how to
navigate routes programmatically.
1:11
We'll create a form where users can
enter the name of a teacher and
1:15
the topic they like to teach.
1:19
With the help of the Use Navigate Hook,
when the user clicks the Go button,
1:21
we'll be able to navigate the user
to a new URL, where the name and
1:28
topic is in the URL, and
is rendered to the page.
1:33
Let's keep it going.
1:37
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up