TalksEngineering in production20 minEarlier version
Solving Real World Data Fetching Challenges with Next.js and TanStack Query: A Pragmatic Case Study
Recording on YouTube
An earlier version of this talk.
Uses the same fintech case-study abstract as the Data Fetching Unleashed “and their BFF” version, with a title that makes Next.js and TanStack Query explicit. The stored abstracts do not establish a separate change in content. The talk has moved on: book Built for Turbulence: Architecting Full-Stack Web Experiences That Hold Up in Any Environment.
The premise
Discover how to optimize frontend performance and resilience when working with challenging APIs. js, TanStack Query, and the Backend-for-Frontend pattern.
Who it's for
Frontend engineers working with challenging APIs
You leave with
- Use Next.js and TanStack Query to improve data-fetching behaviour
- Apply the Backend for Frontend pattern in a fintech case study
How this talk evolved
- React Advanced 2026
Built for Turbulence: Architecting Full-Stack Web Experiences That Hold Up in Any EnvironmentCurrent
A new evolution of the caching and payloads talk for an advanced React audience. Keeps a couple of core pieces that resonated with earlier audiences, adds substantial new content and takeaways, broadens the case study across the backend, APIs, infrastructure, and frontend, and removes introductory material advanced React developers already know.
- 2025–2026
Caching, Payloads, and Other Dark Arts: Optimizing UX in Suboptimal Conditions
Develops the earlier Next.js, React Query and BFF material into a step-by-step architecture case study: payload shaping, proxy handlers, prefetching, critical versus optimal queries, and resilient fallbacks. Demos recorded over in-flight Wi-Fi put the focus on latency, unstable bandwidth and failures. Built for Turbulence expands this into trade-offs across the full stack.
- 2025
Caching, Payloads, and Other Dark Arts: A Frontend Engineer's Journey
This version emphasizes improving frontend UX when the backend cannot be changed. Its short abstract does not specify which examples or techniques differ from the other Caching, Payloads, and Other Dark Arts version.
- 2024–2025
Solving Real World Data Fetching Challenges with Next.js and TanStack Query: A Pragmatic Case Study
Uses the same fintech case-study abstract as the Data Fetching Unleashed “and their BFF” version, with a title that makes Next.js and TanStack Query explicit. The stored abstracts do not establish a separate change in content.
- 2024
Data Fetching Unleashed: Next.js, React Query and their BFF
The 2024 abstracts cover Next.js, React Query and the Backend for Frontend pattern: one introduces server rendering, caching and API optimization; the other frames those techniques through a fintech case study. The “&” and “and” titles are consolidated here. Later versions focus on payload design and unreliable networks, then broaden into full-stack architecture in Built for Turbulence.