Fixing React Full-Stack with Zero-Syntax Type Safety

Watch a conference talk that introduces TanStack Start 1.0, a new full-stack React framework designed to address "meta-framework fatigue" through a client-first architecture. Learn how to achieve end-to-end type safety with zero boilerplate syntax by leveraging type inference over annotations. Discover how TanStack Start combines the speed of Single Page Applications with the power of Server Functions while maintaining the familiar SPA mental model. Explore why TanStack Router forms 90% of the framework's foundation and see live demonstrations of CLI setup, project structure, and seamless switching between SSR, SPA, and data-only rendering modes. Understand isomorphic code patterns and server functions through RPC implementation, then witness end-to-end type safety demonstrations for routes and search parameters. Gain insights into the limitations of current meta-frameworks and how TanStack Start's approach offers a solution for building type-safe, scalable React applications without the complexity typically associated with full-stack frameworks.

Syllabus

00:00 - 01:20 | Intro: What is TanStack Start?
01:20 - 04:36 | Zero-Syntax type safety: inference vs. annotations
04:36 - 06:00 | Client-first architecture: keeping the SPA mental model
06:00 - 07:45 | Why TanStack Router is 90% of the framework
07:45 - 09:39 | Live coding: CLI setup & project structure
09:39 - 13:02 | Demo: switching between SSR, SPA, and data-only modes
13:02 - 15:02 | Understanding isomorphic code & server functions RPC
15:02 - 18:31 | Demo: end-to-end type safety for Routes & Search Params
18:31 - 20:23 | The problem with current meta-frameworks