Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

React Router v6 Basics

Preview

Start a free Courses trial
to watch this video

Sign up for Treehouse

Expand Your React Skills

1:51 with Laura Coronel

Routing is the process of matching a URL to the set of components being rendered. Routing dynamically loads components and changes what's displayed in the browser as users navigate an app, all without reloading the page. React does not have built-in routing features, so developers rely on React Router, an external library designed specifically for React.

Resources

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    [MUSIC] 0:00
    Hey everyone. 0:09
    I'm Laura, a JavaScript instructor here at Treehouse. 0:09
    Before we jump into React Router, 0:13
    there's some basic React knowledge you should know before starting this course. 0:15
    You should know how to create components in React and 0:19
    use them to build a user interface. 0:22
    Know the essential features like managing state and passing properties or 0:25
    props to components. 0:29
    If none of this sounds familiar, be sure to check the teacher's notes for 0:31
    links to Treehouse courses and workshops to get you up to speed with React. 0:35
    If you're ready to expand your React skills, you're in the right place. 0:40
    In this course, I'll teach you how to use React Router, a popular React library, 0:44
    to manage navigation and rendering of components in your apps. 0:48
    In web development, routing is a process of matching a URL to a view or 0:53
    the set of components being rendered. 0:57
    In single page apps, routing dynamically loads components and 1:00
    changes what's displayed in the browser as a user navigates the app, 1:03
    all without reloading the page. 1:08
    React itself doesn't have built-in routing features. 1:11
    So many developers rely on React Router, 1:14
    an external library designed specifically for React. 1:17
    Throughout the course, you'll create the routes for a front end course directory. 1:20
    You'll start by learning routing basics, then get right into installing and 1:24
    implementing React Router. 1:28
    Once your routes are in place, you'll learn how to navigate between render 1:31
    nested routes, even change routes programmatically and more. 1:35
    Most popular development tools like React Router are updated frequently, 1:39
    be sure to check the teacher's notes of each video for 1:43
    up-to-date information about React Router and React. 1:46
    Let's get started. 1:50

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up