Great overview! The only thing I'd add is that server rendering still works without the route level loaders, and you can fetch data directly in your components without using loaders using tanstack query and have it work perfectly fine with SSR. tanstack query has a `useSuspenseQuery` hook which is an alternative to `useQuery` and runs during SSR to fetch data. You'd probably still want to use the loader to preload that data early and not cause waterfalls, but it's entirely possible to only fetch data in components and work with SSR!
Great framework! Recently I've started to build a trivia app with it and I'm starting to really like it. Coming from Next.js, the isomorphic nature of the router takes some time getting used to, but once you figure it out it's smooth sailing from there on.
Tanstack start is fantastic, I've migrated over a big remix app to it. Still got some quirks but it feels alot more promising to me. There's an insane amount of typesafety, you'll be using tanstack for a month and still be like "Damn I can't believe that's a part of the framework"
Even though TanStack Start is in beta, if you need a client side only app because you don't require server side funcionality, TanStack Router has been in v1 for over a year now and should be stable to use.
Recently, I migrated a large application from React Router to Transtak Router, which is a big part of start. It's so much better in every aspect than React Router. Can't wait start using Tanstack Start
Do more tanstack start videos! Show streaming and how to do optimistic ui with tanstack.. integration with tanstack query might be required. Also show how react 19 might work with it, what with useActionState and the like
What are the pitfalls of Next you encountered? Did you just want something more SPA based? Could you also make a vid comparing RR7 to Tanstack? I think that'd be very interesting! Great video btw!
It was a rough experience in alpha but now that it’s in beta I’m gonna try it again. My main criticism so far is that the starter repo drops so much extraneous stuff in that you have to manually pick out.
I made the jump to Sveltekit mid-last year and absolutely love it. But.. I've been following Tanstack Start for a while now, and if there was anything that could make me come back to React (besides my day job 😭) it would be TSStart. There're so many things I could say about it, but the fact that it has as much as it does and is also super intuitive... icing meets cake. Now I'm stuck on do I stick with Sveltekit or do I jump ship and use Tanstack Start? (yes I would use this in beta. I don't have many cares in life lol).. It's a vicious cycle.
server functions are really cool, I would love nextjs to have something like that. however it's not fair to compare it with Server components. TanstackStart works like the pages router, it doesn't use server components to my knowledge. I still prefer to use async components and Suspenses rather than loaders. It's much cleaner and without unnecessary boilerplate code!
Its about time people move on from Nextjs, preferably from React as well. When I tried learning React I started right as Server Components were introduced, it was so difficult to learn because you had around trillion concepts to stitch together all while still not being stable. Mess and a half.
just use next 15 with ppr on, dynamicIO on and react compiler and be done with it. these manic youtubers flip flopping on stacks only to go right back are just as bad as the "daily framework drop" meme.
The only thing I've never liked about Tanstack stuff is the API footprint is so huge, dozens of config objects and options and "sensible defaults" that leave you scratching your head. React Query is great in the sense that it works super well, but the dx was never smooth for me. Next.js has sucky dx too but at least it usually feels primarily like writing React
Thanks! I sure hope so. Re: RR7's type-safety: it's a toy compared to TanStack Router's. They literally bolted it on using weird imports and a heavy handed language service plugin just to say it was non-breaking. By the time they catch up to TSR's type safety, they'll have re-architected and rewritten their type system 2 more times.
Great overview!
The only thing I'd add is that server rendering still works without the route level loaders, and you can fetch data directly in your components without using loaders using tanstack query and have it work perfectly fine with SSR. tanstack query has a `useSuspenseQuery` hook which is an alternative to `useQuery` and runs during SSR to fetch data. You'd probably still want to use the loader to preload that data early and not cause waterfalls, but it's entirely possible to only fetch data in components and work with SSR!
Doing good babe! Keep it up! Love you 🥰
I’ve been using it for about two weeks now! I’m loving it and can’t wait for it to be officially stable
Great framework! Recently I've started to build a trivia app with it and I'm starting to really like it. Coming from Next.js, the isomorphic nature of the router takes some time getting used to, but once you figure it out it's smooth sailing from there on.
I saw your video man, thanks for making them
@@digitalguy4242 Oh thank you! I'm definitely interested to publish more on TanStack stuff.
I Love TanStack it is the best when it comes to type-safety
Tanstack start is fantastic, I've migrated over a big remix app to it. Still got some quirks but it feels alot more promising to me. There's an insane amount of typesafety, you'll be using tanstack for a month and still be like "Damn I can't believe that's a part of the framework"
Cody: nothing motivates more than debugging esoteric nextjs syncracies
tanstack start looks good!
People ditching nextjs, frontend is healing
what do you use ?
Tanstack start🗿 will give direct and serious competition to Next js👺
Already switched
Even though TanStack Start is in beta, if you need a client side only app because you don't require server side funcionality, TanStack Router has been in v1 for over a year now and should be stable to use.
Been dealing with data loading state issues in next js the past week at work. It’s such a pain.
awesome video i like tanstack
Would you mind sharing the VSC theme? Looks pretty cool.
Recently, I migrated a large application from React Router to Transtak Router, which is a big part of start. It's so much better in every aspect than React Router. Can't wait start using Tanstack Start
Middleware will be great to see in a followup video. Especially chaining them together and hows the types are adjusted throughout.
Yea it's cool
Do more tanstack start videos! Show streaming and how to do optimistic ui with tanstack.. integration with tanstack query might be required. Also show how react 19 might work with it, what with useActionState and the like
I just use Tanstack Router for SPA and strongly recommended on par with RPC like tools and Electron too
here we go again
Let’s go!
Pretty cool. I find it to be very Remix- like though...which is great cuz I like it anyways.
What are the pitfalls of Next you encountered? Did you just want something more SPA based?
Could you also make a vid comparing RR7 to Tanstack? I think that'd be very interesting! Great video btw!
It was a rough experience in alpha but now that it’s in beta I’m gonna try it again. My main criticism so far is that the starter repo drops so much extraneous stuff in that you have to manually pick out.
And why exactly you decided to migrate from next js?
I made the jump to Sveltekit mid-last year and absolutely love it. But.. I've been following Tanstack Start for a while now, and if there was anything that could make me come back to React (besides my day job 😭) it would be TSStart. There're so many things I could say about it, but the fact that it has as much as it does and is also super intuitive... icing meets cake.
Now I'm stuck on do I stick with Sveltekit or do I jump ship and use Tanstack Start? (yes I would use this in beta. I don't have many cares in life lol)..
It's a vicious cycle.
i don't like react but tanstack-start/router is the only way i could use react
6:50 do money sign id😂
I'm waiting for stable version and client first approach, because u can't start migrating spa app to server first only app, it's too much.
server functions are really cool, I would love nextjs to have something like that.
however it's not fair to compare it with Server components. TanstackStart works like the pages router, it doesn't use server components to my knowledge. I still prefer to use async components and Suspenses rather than loaders. It's much cleaner and without unnecessary boilerplate code!
We'll have RSCs soon. Each approach has it's pros and cons.
Please what is the name of the theme you're using in vscode?
Bearded theme stained blue
Can't enable notification on your channel because it says the content is made for kids 😂.
Jia TanStack when?
what is this vscode theme?
Bearded theme, stained blue i think
@@Ikakoo2410 thank you
Honestly I like it a lot more than Next JS, hopefully it becomes the norm because my fingers bleed when I have to write code in Next.
Give Nuxt 3 a try
thanks for seeing the garbage that nextjs is
how am i not first
Its about time people move on from Nextjs, preferably from React as well. When I tried learning React I started right as Server Components were introduced, it was so difficult to learn because you had around trillion concepts to stitch together all while still not being stable. Mess and a half.
😑😑😑
For me, I don’t see the alternatives for React for myself. I want framework to have vanillaJS-like syntax and decent amount of jobs
Nextjs IS not your problem, you just dont know how to use it
@@cat.basilio True.
Skill issue
It’s all just Remix …
just use next 15 with ppr on, dynamicIO on and react compiler and be done with it. these manic youtubers flip flopping on stacks only to go right back are just as bad as the "daily framework drop" meme.
cursor gives autocomplete anyways
The only thing I've never liked about Tanstack stuff is the API footprint is so huge, dozens of config objects and options and "sensible defaults" that leave you scratching your head. React Query is great in the sense that it works super well, but the dx was never smooth for me. Next.js has sucky dx too but at least it usually feels primarily like writing React
Tanner moved the bar!! But I still prefer RR7 with its new type safety 😊
Thanks! I sure hope so. Re: RR7's type-safety: it's a toy compared to TanStack Router's. They literally bolted it on using weird imports and a heavy handed language service plugin just to say it was non-breaking. By the time they catch up to TSR's type safety, they'll have re-architected and rewritten their type system 2 more times.