From the course: Build Modern Web Apps with React, Hooks, State Management, and APIs Using Vite or Next.js

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Nested routes: Implementation example

Nested routes: Implementation example

From the course: Build Modern Web Apps with React, Hooks, State Management, and APIs Using Vite or Next.js

Start my 1-month free trial Buy for my team

Nested routes: Implementation example

“

Welcome back. In this implementation, we are using our same react router application that we have created for the previous lessons. I have made a few changes in this application. First thing is I have added the tailwind support. So you can verify that in the read.config.ts I have the tailwind plugin installed. The next thing we have done is that for this example, we have created some routes and we have created some components and we have added them under the components folder. So you can see a components and dashboard folder and inside that dashboard you have the dashboard layout, user profile and user settings. One thing to note here is that you always want to keep your code base clean as well and you want to segregate things with the separation of concern principle. So over here you can see that I have created a component slash dashboard folder and one can easily see and update the dashboard folder if there is any other route that is going to be added. You can define other folders…

Contents