TanStack Router: Setup & Routing in React

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

_______________________________

Hit like and subscribe for more content! :D

You can also follow me on the other platforms:
_______________________________
TIMESTAMPS

00:00 Introduction
00:16 Create React Project
01:13 Install & Configure TanStack Router
01:49 Create the Routes
04:29 Navigation demo
04:47 Highlight active route - props
06:26 Custom active component
07:17 Next: Path Parameters

#tanstack #router #reactrouter

[kashfr]

you are amazing for making this video!

[elizabethkirby]

Really useful series, thanks for making it.

[GusTheAnt]

What extension are you using to colorize your line indentations (See 0:47)? Or is it a built-in setting in VS Code?

Edit: Found it - it's called indent-rainbow

[jlkinley]

Hi Buddy! Have you figured out how to generate a nav from the your top level routes? It seems like this would be a great way to make your navs based on the routes you generate. Make sense?

[Saurabhk-hn]

This is a nice video, but I have a question. my project is created using nx react standalone setup, and im using webpack. how can i implement file-based routing?

[hesam-init]

hey dude u are amazing thanks for video 💖

[lgic]

Guess i need to watch video 0 cause i dont yet know what outcomes this enables...

Probably just showed that i dont have that base SDE education that probably baselines this video.

Will follow along so that i learn about what i probabky should learn about. 😅

Thanks!

[nelsonkc]

but why is it giving error when i am trying to create route to the component that is not inisde routes folder
basically at production
we won't create each page within route folder then on such case what to do

[HisanAssessment]

when i created as in the first video then i deployed it in vercel when i refresh in /register (my route to another page) it send me 404 not found error, i experienced this before using react-router-dom, then i search for alternative when i do this it also same problem

[leandrorodriguez]

import TanStackRouterVite

i didnt clone the repository i started my own, from an existing small project. im using vite, when i run the application the empty files that i created are actually being filled with the route, the autogen file is also working. im just getting this annoying error from the vite.config.ts

any suggestiongs ?

[chuckynorris]

I dont have the nr command i dont see that part

[marly]

How can I nake VS Code show me the code it thinks I want to write? Like at 5:13