SSR with React: A Hands-on Deep Dive into TanStack

Abstract

There are two primary approaches to building server-side React applications. One relies heavily on React Server Components, where most of the application is executed and rendered on the server, with only the dynamic parts running in the client. A less drastic alternative is classic Server-Side Rendering (SSR), which allows us to retain familiar SPA development patterns while still benefiting from server-side performance improvements. In this talk I'll show you this approach using practical examples with popular TanStack libraries. We will start with a classical SPA with modern routing patterns and efficient data fetching (using TanStack Router and Query). Then we will see how we can easily add TanStack start to serverside render our application. After the talk, you'll have a profound understanding what each TanStack library is doing, how they interact and how you can use them to build fullstack applications.

Mein Workshop zum Thema

Rund um das Thema React, Next.js und Fullstack-Entwicklung biete ich In-House-Workshops und Schulungen an. Mehr Informationen dazu findest du hier.

Slides und Material

Slides und Material kommen nach dem Talk

Meine Artikel zum Thema