Uploaded February 2024 | Updated September 2026, 1 week ago

---

Exploring TanStack Router on a React project to learn the core features of this new typesafe router, together.

Today we'll see path parameters, how to read them and combine with loaders to get fresh data when your page loads.

Source code: github.com/Balastrong/tanstack-router-demo/tree/01-routes-and-setup

TanStack Start Tutorial: youtube.com/playlist?list=PLOQjd5dsGSxIEKFg4dnSQ4zQkmTktfszp
_______________________________
Hit like and subscribe for more content! :D

Beginner-Friendly Open Source Projects: github.com/DevLeonardoCommunity
Join the Discord community! Here's the invite: discord.gg/bqwyEa6We6

You can also follow me on the other platforms:
Twitter: twitter.com/Balastrong
dev.to: dev.to/balastrong
Home: https://leonardomontini.dev/
TikTok: tiktok.com/@balastrong
GitHub: github.com/Balastrong
Instagram: instagram.com/devbalastrong
_______________________________
TIMESTAMPS

00:00 Intro
00:21 Create the route
00:55 Read the path parameter
01:55 Load data automatically
03:33 Navigate to a page with path params
07:01 Next: query params