1
00:00:00,000 --> 00:00:09,047
[MUSIC]

2
00:00:09,047 --> 00:00:09,929
Hey everyone.

3
00:00:09,929 --> 00:00:13,765
I'm Laura,
a JavaScript instructor here at Treehouse.

4
00:00:13,765 --> 00:00:15,447
Before we jump into React Router,

5
00:00:15,447 --> 00:00:19,511
there's some basic React knowledge you
should know before starting this course.

6
00:00:19,511 --> 00:00:22,992
You should know how to create
components in React and

7
00:00:22,992 --> 00:00:25,373
use them to build a user interface.

8
00:00:25,373 --> 00:00:29,821
Know the essential features like
managing state and passing properties or

9
00:00:29,821 --> 00:00:31,640
props to components.

10
00:00:31,640 --> 00:00:35,675
If none of this sounds familiar,
be sure to check the teacher's notes for

11
00:00:35,675 --> 00:00:40,540
links to Treehouse courses and workshops
to get you up to speed with React.

12
00:00:40,540 --> 00:00:44,480
If you're ready to expand your React
skills, you're in the right place.

13
00:00:44,480 --> 00:00:48,942
In this course, I'll teach you how to use
React Router, a popular React library,

14
00:00:48,942 --> 00:00:53,050
to manage navigation and
rendering of components in your apps.

15
00:00:53,050 --> 00:00:57,488
In web development, routing is a process
of matching a URL to a view or

16
00:00:57,488 --> 00:01:00,024
the set of components being rendered.

17
00:01:00,024 --> 00:01:03,991
In single page apps,
routing dynamically loads components and

18
00:01:03,991 --> 00:01:08,323
changes what's displayed in the browser
as a user navigates the app,

19
00:01:08,323 --> 00:01:11,310
all without reloading the page.

20
00:01:11,310 --> 00:01:14,560
React itself doesn't have
built-in routing features.

21
00:01:14,560 --> 00:01:17,010
So many developers rely on React Router,

22
00:01:17,010 --> 00:01:20,304
an external library designed
specifically for React.

23
00:01:20,304 --> 00:01:24,776
Throughout the course, you'll create the
routes for a front end course directory.

24
00:01:24,776 --> 00:01:28,885
You'll start by learning routing basics,
then get right into installing and

25
00:01:28,885 --> 00:01:31,140
implementing React Router.

26
00:01:31,140 --> 00:01:35,409
Once your routes are in place, you'll
learn how to navigate between render

27
00:01:35,409 --> 00:01:39,650
nested routes, even change routes
programmatically and more.

28
00:01:39,650 --> 00:01:43,878
Most popular development tools like
React Router are updated frequently,

29
00:01:43,878 --> 00:01:46,717
be sure to check the teacher's
notes of each video for

30
00:01:46,717 --> 00:01:50,420
up-to-date information about
React Router and React.

31
00:01:50,420 --> 00:01:51,220
Let's get started.