Is Tanstack Router Better Than React-Router?

Tanstack Router is an amazing new router from Tanner Linsley, the creator of react-query. It has file based typesafe routing, streaming, and so much more, let's dig in!

👉 VS Code theme and font? Night Wolf [black] and Operator Mono
👉 Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF

0:00 Introduction
0:48 Example Walkthrough
4:54 Managing Search Params
9:38 Route Parameters
11:43 Search Params as State
17:24 Outroduction

[MichiganTypeScript]

Tanner should change his name to Midas Linsley because everything he touches is gold

[BeyondLegendary]

Impressive, very nice. Let's see Paul Allen's routing package.

[_parassolanki]

The tanstack-router-vite-plugin is also great that you dont have to manually configure tsr config.

[keatonaylor]

Tanstack Router is very cool, I will be using it in my next work application, thanks so much for your excellent example and explanation !!

[youssefwafik]

could you please make a quick video to elaborate more on the usage of server in vite, to explain the "server" file a bit more, perhaps share you view on possible use cases as well.

and props to you sir, one the best content on youtube 🙏, thanks a lot for sharing your knowledge.

[mohamedyamani]

Great video!

I understand the intent is to share TSR with the community, but I think it would have been much nicer if you gave the search parameters a bit more time. For example when you enter the search parameter manually in the URL, it's the default state of query (which is what the code you provided does!), how to encode the URL properly to avoid weird quirks etc...

[BarakaAndrew]

tanstack makes react easy af, router, query, tables, web is actually fun now

[kishirisu]

React query is the best lib i found when learned React in past.

[panoscool_]

Jack, how easy it will be to have protected and public routes in comparison with react-router?

[abdulmustapha]

Would be great to see how this ties in with tanstack query! I take it loading data at the route level is slightly faster than fetching when the component JS is ready

[thucle]

Hi Jack, when will your NextJs course be ready? I've been waiting for longggg time, haha. Have a nice day!

[nikilk]

When you used the 3 second delay in your API I don’t think that’s streaming that’s just a delayed promise. With actual html streaming the initial server rendered page gets updated over time using the same connection.

[Technology_Forum]

Which vs code extension are you using to dim the lines of code and highlight the lines of code for explanation

[sujjee]

Anyone know this vs code theme name, please tell👀??

[deathone]

Issue with this video is yes you showed that it gave errors, but you did not show the type inferance on anything while typing.
data.???

[unpunnyfuns]

i dunno, i dont think ill ever embrace file based routing. its just not my cup of tea. every time i've tried it, it kinda falls apart in my hands.

[graficandorealidades]

The only complaining I have so far with React-Router is that the docs is really lacking. I just took a look at the Tanstack Router docs and it seemed way more detailed.

[monarchgamr]

I think the pace of this tutorial was a lil too fast, for someone completely new to TSR, a lot of things were skipped over or barely touched

[ilkou]

React should mention tanstack in their homepage, best libs in React's eco-system

[franciscokloganb]

My gripe with this file-base routing approach is that we are still creating configurations with `createFileRouter` within the files that represent route segments.