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

2
00:00:04,797 --> 00:00:08,830
Hey, everyone, I'm Guil a front-end web
development teacher here at Treehouse.

3
00:00:08,830 --> 00:00:11,950
In the React Basics course,
you learn to create an app using React's

4
00:00:11,950 --> 00:00:15,370
declarative component-based approach
to building user interfaces.

5
00:00:15,370 --> 00:00:18,360
You also learn essential features,
like managing state and

6
00:00:18,360 --> 00:00:20,000
passing props to components.

7
00:00:20,000 --> 00:00:22,750
If none of this sounds familiar,
be sure to check the teacher's notes for

8
00:00:22,750 --> 00:00:26,608
links to Treehouse courses and workshops
that will get you up to speed with React.

9
00:00:26,608 --> 00:00:29,400
If you are ready to expand your React
skills, you're in the right place.

10
00:00:29,400 --> 00:00:33,620
In this course I'll teach you how to use
React Router, a popular React library,

11
00:00:33,620 --> 00:00:36,600
to manage navigation and
rendering of components in your apps.

12
00:00:37,660 --> 00:00:41,910
In web development, routing is the process
of matching a URL to a view, or

13
00:00:41,910 --> 00:00:43,964
the set of components being rendered.

14
00:00:43,964 --> 00:00:47,110
In single-page apps,
routing dynamically loads components and

15
00:00:47,110 --> 00:00:50,730
changes what's displayed in the browser,
as users navigate the app.

16
00:00:50,730 --> 00:00:52,705
All without reloading the page.

17
00:00:52,705 --> 00:00:55,740
Now, React Itself doesn't have
built in routing features.

18
00:00:55,740 --> 00:00:58,090
So many developer rely on React Router,

19
00:00:58,090 --> 00:01:01,250
an external library designed
specifically for React.

20
00:01:01,250 --> 00:01:04,820
Throughout the course, you'll create the
routes for a front end course directory.

21
00:01:04,820 --> 00:01:07,900
You'll start by learning routing basics,
then get right into installing and

22
00:01:07,900 --> 00:01:09,460
implementing react-router.

23
00:01:09,460 --> 00:01:12,570
Once your routes are in place,
you'll learn to navigate between routes,

24
00:01:12,570 --> 00:01:16,245
render nested routes, even change
routes programmatically and more.

25
00:01:16,245 --> 00:01:19,865
Most popular development tools like
React Router are updated frequently.

26
00:01:19,865 --> 00:01:22,385
So be sure to check the teacher's
notes of each video for

27
00:01:22,385 --> 00:01:24,715
up to date information about
React Router and React.

28
00:01:24,715 --> 00:01:25,295
Let's get started.