React Router Dom V6 : Setting Up React Routing & Deep Nested Routing 2025

React Router Dom V6 : Setting Up React Routing & Deep Nested Routing 2025 In this video, I'll walk you through the complete process of setting up routing in a React JS application using React Router v6. I'll explain the core concepts of BrowserRouter, Routes, and Route components, highlighting their usage and key props like path, element and component. Next, I'll dive into nested routing by recreating the routes of the LeetCode website as an example, showcasing how to implement nested routes and the powerful Outlet component. You'll also learn how to handle path parameters and dynamic routes, and I'll show you how to consume dynamic route data using the useParams hook. Finally, I'll wrap up with a demonstration of optional segments in routes and how they can improve routing flexibility in your React app. By the end of this tutorial, you'll have a solid understanding of React Router v6 and how to implement it in real-world scenarios! Follow me on instagram: https://www.instagram.com/_samudrala_aravind/ linkedin: https://www.linkedin.com/in/aravind-samudrala-13599b172/ Also watch 🚀 : useRef Hook in ReactJS : https://www.youtube.com/watch?v=ivpImLpPT4k useEffect Hook in ReactJSL 🔥 🔥 : https://www.youtube.com/watch?v=r5Fj0q2jd5E useState Hook in ReactJS 🔥🔥: https://youtu.be/sNMZ9oo30go?si=RISazWke833uiRA0 React & Redux course roadmap 🔥 : https://youtu.be/JvKqk8QtURA?si=lW9gNWK_NrMBqlxR Webpack bundler in Telugu 🚀 : https://youtu.be/mNz4H0w-TuY?si=_0Iv9YpHPsZ_wwFG Virtual DOM , Diffing & Reconcilation 📈: https://youtu.be/x-VSuxXn7qY?si=qCwRFFnRoOktlN6p React Component Life cycle methods 🔥 : https://youtu.be/LfG3DIJ7ImM?si=Kpx8SkEBcwRPsGqX 📚 Helpful Resources: Read More at: https://react.dev/reference/react/useRef Source Code Link: https://github.com/SAMUDRALAARAVIND/react-youtube-telugu Complete beginner to advanced guide for learning React & Redux 🔔 Don't miss out on future React tutorials! Like, share, and subscribe to our channel for regular updates. 👍 If you find this video helpful, don't forget to like, share, and subscribe for more exciting tutorials. Happy coding! 🚀. #reactrouter #javascript #reactjs Timestamps: 00:35 - Recap of client side routing 02:30 - Setting up routing in ReactJS 05:28 - index & wildcard (not found) routes 08:23 - Practical examples of nested routing using leetcode 10:18 - Implementation of nested routing 13:48 - Outlet component 17:50 - Path parameters & Dynamic routing 20:30 - useParams Hook 23:05 - Optional segments