MENU

Fun & Interesting

Learn React Router v6 In 45 Minutes

Web Dev Simplified 580,830 3 years ago
Video Not Working? Fix It Now

FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified Nearly every app in React needs to handle routing and by far the most popular library for handling routing is React Router. In this video I will break down everything you need to know about React Router v6 so you can master routing in your next project. 📚 Materials/References: FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified React Router Blog Article: https://blog.webdevsimplified.com/2022-07/react-router 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:45 - Basics 06:18 - Router Types 10:22 - Dynamic Routes 13:40 - Route Specificity 16:46 - Nested Routes 28:54 - useRoutes Hooks 30:32 - Link Component 32:50 - NavLink Component 35:57 - Navigate Component 36:39 - useNavigate Hook 39:07 - Search Parameters 43:16 - Navigation State #ReactRouter #WDS #ReactJS

Comment