Exploring TanStack Ecosystem: From React Query to TanStack Start

youtube-cover
Guest
Tanner Linsley
Owner
@
TanStack

In this episode, Łukasz Chludziński talks with Tanner Linsley—creator of TanStack and co-founder of Nozzle.io—about the evolution of his open-source libraries, starting with React Table and React Query and leading up to TanStack Router and TanStack Start. The discussion focuses on the real technical problems these tools were designed to solve and how they fit into modern application architecture.

Tanner explains why being framework-agnostic, headless, type-safe, and dependency-light matters—not just for developer experience, but for long-term maintainability and business flexibility. He also discusses the trade-offs of client-side and server-first approaches, and where TanStack Start fits into that conversation.

From solving internal pain points to influencing frontend architecture

The conversation begins with Tanner’s early development experiences and how practical needs at Nozzle led to building React Table, React Query, and other libraries. These tools weren’t created in isolation—they emerged from specific challenges around data synchronization, state management, and user expectations in real production apps.

React Query came out of a need to manage stale and shared server state more effectively than Redux allowed. Similarly, TanStack Router began when Tanner hit architectural limitations in React Router and needed better control over state stored in URLs. TanStack Start brings these ideas together into a full-stack solution that still keeps the client-first model front and center.

What makes TanStack Start stand out

TanStack Start adds full-stack capabilities like SSR, server functions, and API routes on top of TanStack Router, without forcing a server-first model. Applications built with a client-side mindset can gradually adopt server-side features as needed. This is especially useful for teams migrating incrementally or maintaining large existing React apps.

Tanner also shares his thoughts on React Server Components. Instead of following Next.js’s approach, he proposes treating them as another form of server state—something that can be streamed, cached, and integrated using TanStack Query.

Key discussion points in the episode

  • Why open-source libraries are best built on real-world use cases
  • How React Query reframed the conversation around global state by introducing the client/server state split
  • What headless, type-safe design means in practice, and how it reduces support complexity
  • The thinking behind framework-agnostic cores and adapters for React, Solid, Angular, and more
  • A practical model for working with React Server Components using TanStack tools

Learn even more about the TanStack ecosystem

‍

Insights

Learn more about React

cover

Jun 24Article

Writing Custom Renderers for React

Learn how React renderers work, why RNTL needed a new test renderer, and what it takes to connect React Reconciler to a host environment.

cover

Dec 18Live Stream

Building iOS Live Activities With React: Inside Voltra

Learn how to build iOS Live Activities and Dynamic Island experiences using pure JSX, no Swift or native code required.

cover

Nov 27Podcast

From React Native Web to React Strict DOM

Nicolas Gallagher (Meta) explains how React Strict DOM evolved from React Native Web, providing a shared syntax that compiles to native or web with zero overhead.

cover

Nov 21Podcast

React Foundation: New Governance Model for React and React Native

Seth Webster, Executive Director of the React Foundation, details its new governance model, Meta's role, and how partners like Callstack and Microsoft will ensure stability and scale.

Event Cover

Feb 20Live Stream

Create React App is Out: Exploring Alternatives & Community Proposals

CRA is now deprecated, so we explore other options for starting web React projects, going through Vite, TanStack Router, Parcel, and Rsbuild to check the developer experience.

Event Cover

Feb 13Live Stream

State of React 2024 Breakdown

Let's take a deep dive into the long-awaited State of React survey from 2024; brace yourselves for a two-hour ride.

cover

Sep 24Podcast

How to Get Started With 3D in React

Learn how to implement 3D in React apps, learn more about top libraries like React Three Fiber, and dive into WebGPU's future.

cover

Sep 9Article

The Complete Developer Guide to React 19, Part 3: Upgraded Support

Learn how React 19's new features enhance SEO, page performance, and custom elements support for better, faster web applications.

Event Cover

Sep 5Talk

Welcome to the React Universe

This is the Keynote talk presented at React Universe Conf 2024, the largest community conference that unites developers and thought leaders to explore trends, share insights, and push the boundaries of React and React Native.