How I Recreated TanStack Router From Scratch

One thing every React application needs is routing, which is why libraries like React Router and TanStack Router are so popular. It may seem intimidating trying to understand how these libraries work (especially when it comes to type safety) which is why in this video I will show you how I built my own fully type safe router from scratch. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/my-own-react-router Will AI Replace You Video: https://youtu.be/oObg8rRXZVM 🌎 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 01:47 - How to use the router 06:20 - Route matching 12:45 - Router context 15:40 - Type safety explained 20:55 - Route definition 25:28 - Outlet and layout components 30:39 - Link component 32:30 - Creating a new route example 34:38 - Can AI write this code? #ReactJS #WDS #ReactRouter