Course Content

  • Redux

Course Content


To summarise, nested routes allow you to have a parent component control the rendering of a child component at the route level. The /messages route on Twitter is a great illustration of this. You have two approaches for constructing nested routes with React Router.

The switch component searches all of its child routes for the first one with a path that matches the current URL. Because we have several routes and multiple plate pages in our app, but only want to show one page at a time, this component is what we want to utilise in most circumstances for most apps.

The vast majority of your layouts are linked to URL segments, which React Router fully supports. Routes can be nested within each other, and their trajectories will nest as well (child inheriting the parent).

We'll keep working on the User component because that's where the layered routing via tabs will be implemented. As a result, we'll create a new set of Link components (which will be our unstyled tabs) that direct users to their profile and account.

  • Installing React Router. In this step, you'll install React Router into your base project.
  • Adding Routes. In this step, you'll create a base router with individual routes for each page.
  • Using Hooks to Access Route Data
  • Nesting Routes.

Recommended Courses

Share With Friend

Have a friend to whom you would want to share this course?

Download LearnVern App

App Preview Image
App QR Code Image
Code Scan or Download the app
Google Play Store
Apple App Store
598K+ Downloads
App Download Section Circle 1
4.57 Avg. Ratings
App Download Section Circle 2
15K+ Reviews
App Download Section Circle 3
  • Learn anywhere on the go
  • Get regular updates about your enrolled or new courses
  • Share content with your friends
  • Evaluate your progress through practice tests
  • No internet connection needed
  • Enroll for the webinar and join at the time of the webinar from anywhere