Exploring TanStack Router, the foundation of TanStack Start, on a React project to learn the core features of this new typesafe router, together. Source code: https://github.com/Balastrong/tanstack-router-demo/tree/01-routes-and-setup TanStack Start Tutorial: https://www.youtube.com/playlist?list=PLOQjd5dsGSxIEKFg4dnSQ4zQkmTktfszp _______________________________ Support my work: https://github.com/sponsors/Balastrong ❤️ Hit like and subscribe for more content! :D Beginner-Friendly Open Source Projects: https://github.com/DevLeonardoCommunity Join the Discord community! Here's the invite: https://discord.gg/bqwyEa6We6 You can also follow me on the other platforms: Twitter: https://twitter.com/Balastrong dev.to: https://dev.to/balastrong Home: https://leonardomontini.dev/ TikTok: https://www.tiktok.com/@balastrong GitHub: https://github.com/Balastrong Instagram: https://www.instagram.com/devbalastrong/ _______________________________ TIMESTAMPS 00:00 Introduction 00:16 Create React Project 01:13 Install & Configure TanStack Router 01:49 Create the Routes 03:13 Update App.tsx 04:29 Navigation demo 04:47 Highlight active route - props 06:26 Custom active component 07:17 Next: Path Parameters #tanstack #router #reactrouter

development2022tipstrickstutorialhowtoopensourceopen sourcewebjavascripttypescriptvscodeVisual Studio Codegithubgitdev2023ossopen source softwaretypsecripttanstacktanstack routertanstack queryTanStackreactreactjsreact.jscourseguiderouterroutingreact routerreact-routertypesaferotuer