TanStack Router: Query Parameters & Validation

Exploring TanStack Router on a React project to learn the core features of this new typesafe router, together. Today we'll see how query parameters (or search params) can be validated, safely associated with a type, and how this can actually become a state manager you can share with the URL. Source code: https://github.com/Balastrong/tanstack-router-demo/tree/03-query-parameters TanStack Start Tutorial: https://www.youtube.com/playlist?list=PLOQjd5dsGSxIEKFg4dnSQ4zQkmTktfszp _______________________________ 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 Preview 00:25 Define the parameters 02:22 Read the parameters 04:40 Validation (zod/valibot) 06:18 Params as state manager 09:19 Next: Authenticated routes