TanStack is Your New Favorite Framework

You might know TanStack from the awesome React-Query framework that is used in 25% of all React apps. Well TanStack is a lot more than that. TanStack Start is a cutting edge React framework that competes with NextJS and might end up being your new favorite framework. Let’s have a look and get you started today.

0:00 Intro & applause 0:20 What is TanStack? 0:51 Who I am & joining OSS 1:29 React Query overview 1:37 The “useEffect + fetch” anti-pattern 2:07 useQuery/useMutation basics & adoption 2:48 Beyond React: multi-framework + naming 3:35 TanStack principles (types, DX, consistency) 4:10 TanStack Form: why forms are hard 5:24 Zod-based validation (sync + async) 6:51 Composability with design systems 7:35 TanStack DB: real-time is better than CRUD 8:10 CRUD vs real-time DBs explained 9:39 Adapters & vendor-neutral backend 10:57 Getting started: create-tanstack-app demo 13:45 TanStack Router & Start 14:38 Comparing Next.js/Remix & a confession 16:31 Where App Router fits (or not) 17:24 SPA-first + SSR/SPA hybrid model 18:11 File-based routing & loaders 19:03 SSR “data-only” and per-route SSR 20:14 Server functions (methods, validators, middleware) 22:02 Deploy anywhere (Cloudflare, Netlify, etc.) 22:34 Full TanStack ecosystem snapshot 22:52 Live demo boot-up 24:02 Guitar store demo + AI prompt 25:12 Wrap-up & call to action 25:32 MCP mode in editors & closing applause