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.