React Router 6 – Full Course

This course will teach you to build real-world apps with React Router 6. Click here to get to the interactive version 👉 https://scrimba.com/links/react-router-6-course Throughout the course, you’ll be building an app called “VanLife” – an Airbnb-style web app dedicated to renting out travel vans for your next big road trip! As you build “VanLife”, you will learn all the important parts of React Router, such as layout and index routes, nested routes, filtering results with search parameters, protecting routes for authenticated users, and more. You will also learn about the new Remix-inspired data router APIs, including Loaders and Actions. This course was created by Bob Ziroll, Scrimba’s Head of Education. 🔗 Bob on Twitter here: https://twitter.com/bobziroll 🔗 Scrimba on YouTube: https://www.youtube.com/c/Scrimba ⭐️ Get the code ⭐️ 🔗 Scrimba course: https://scrimba.com/links/react-router-6-course 🔗 GitHub repo: https://scrimba.com/links/react-router-course-github-repo 💫 Links mentioned in course: 🔗 Scrimba’s Learn React Course - https://scrimba.com/learn/learnreact 🔗 VanLife Figma Design - https://scrimba.com/links/figma-vanlife 🔗 Firebase - https://scrimba.com/links/firebase-homepage 🔗 Firestore Docs, get all docs in collection - https://scrimba.com/links/firestore-docs-get-all-docs-in-collectionfirestore-docs-get-all-docs-in-collection) 🔗 Netlify - https://scrimba.com/links/netlify-home-page 🔗 GitHub Desktop - https://desktop.github.com/ 🔗 Mirage JS - https://miragejs.com/ 0:00 1: Introduction to React Router 6 4:56 2: Multi-page vs single-page apps 10:12 Extra: Local Development & GitHub Repo 12:25 3: React Router Setup & BrowserRouter 15:40 4: Routes 18:23 5: BrowserRouter & Routes Challenge 19:32 6: Route, Path, & Element 23:48 7: Quick Re-org 24:53 8: Link 28:55 9: VanLife project bootstrapping 37:01 10: Initial Deploy to Netlify 48:47 11: Mirage JS Server 50:41 12: Challenge: Vans Page - Part 1 1:02:09 14: Route Params 1:25:09 19: Nested Rou