# Built for Turbulence: Architecting Full-Stack Web Experiences That Hold Up in Any Environment

> Conference talk by Faris Aziz. Topic: Engineering in production · Length: 30 min · Level: Advanced · Delivered: 17× · Versions: 5. Book it: https://faziz-dev.com/invite?kind=conference&talk=Built%20for%20Turbulence%3A%20Architecting%20Full-Stack%20Web%20Experiences%20That%20Hold%20Up%20in%20Any%20Environment

## The premise

We build platforms in perfect environments, but the real world is anything but that.

Real teams need to move fast, stay pragmatic, and make difficult architectural choices, each with their own trade-offs. So how do we keep UX, resilience, and performance at the forefront while the architecture underneath them continues to evolve?

This talk looks at web experiences as a full-stack problem. From the backend, through APIs, and infrastructure, all the way to the frontend, we'll explore how each layer shapes the experience we ultimately deliver to the user.

Through a real-world architecture case study and increasingly hostile conditions, we'll look at how caching, data fetching, streaming, payload design, and resilience strategies can evolve together, and how to navigate the entire stack to build experiences that stay fast and reliable at scale.

## Who it's for

Advanced React and full-stack developers

## You leave with

- Choose caching and data-fetching patterns for slow networks and partial failures
- Use payload design and streaming to improve the experience across the stack
- Weigh architectural trade-offs as reliability and performance requirements change

## Recording and slides

- Recording (JSHeroes, 14th May 2026): https://www.youtube.com/watch?v=7cskBH7qYso

## How this talk evolved

- React Advanced 2026: [Built for Turbulence: Architecting Full-Stack Web Experiences That Hold Up in Any Environment](https://faziz-dev.com/talks/built-for-turbulence-architecting-full-stack-web-experiences.md) (current). 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](https://faziz-dev.com/talks/caching-payloads-and-other-dark-arts-optimizing-ux-in-suboptimal-conditions.md). 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](https://faziz-dev.com/talks/caching-payloads-and-other-dark-arts-a-frontend-engineers-journey.md). 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](https://faziz-dev.com/talks/solving-real-world-data-fetching-challenges-with-nextjs-and-tanstack-query-a-pragmatic-case-study.md). 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](https://faziz-dev.com/talks/data-fetching-unleashed-nextjs-react-query-and-their-bff.md). 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.

## Where it's been delivered

- 5th Nov 2026: [Heapcon](https://faziz-dev.com/events/heapcon-2026.md), Belgrade, Serbia, as "Caching, Payloads, and Other Dark Arts: Optimizing UX in Suboptimal Conditions" (upcoming)
- 4th Nov 2026: [code.talks](https://faziz-dev.com/events/code-talks-2026-caching-payloads.md), Hamburg, Germany, as "Caching, Payloads, and Other Dark Arts: Optimizing UX in Suboptimal Conditions" (upcoming)
- 23rd Oct 2026: [React Advanced](https://faziz-dev.com/events/react-advanced-2026-built-for-turbulence.md), London, United Kingdom (upcoming)
- 10th Oct 2026: [Game of Codes](https://faziz-dev.com/events/game-of-codes-2026.md), Niš, Serbia, as "Caching, Payloads, and Other Dark Arts: Optimizing UX in Suboptimal Conditions" (upcoming)
- 12th Aug 2026: [RenderATL](https://faziz-dev.com/events/renderatl-2026.md), Atlanta, United States, as "Caching, Payloads, and Other Dark Arts: Optimizing UX in Suboptimal Conditions"
- 7th Jul 2026: [VueVerse India](https://faziz-dev.com/events/vueverse-india-july-2026.md), Online, as "Caching, Payloads, and Other Dark Arts: Optimizing UX in Suboptimal Conditions"
- 14th May 2026: [JSHeroes](https://faziz-dev.com/events/jsheroes-2026.md), Cluj-Napoca, Romania, as "Caching, Payloads, and Other Dark Arts: Optimizing UX in Suboptimal Conditions" (recording: https://www.youtube.com/watch?v=7cskBH7qYso)
- 5th Mar 2026: [React Prague](https://faziz-dev.com/events/react-prague-march-2026.md), Prague, Czechia, as "Caching, Payloads, and Other Dark Arts: Optimizing UX in Suboptimal Conditions" (recording: https://www.youtube.com/watch?v=ml8LGrgd2yI)
- 19th Feb 2026: [React Vienna](https://faziz-dev.com/events/react-vienna-feb-2026.md), Vienna, Austria, as "Caching, Payloads, and Other Dark Arts: Optimizing UX in Suboptimal Conditions"
- 18th Dec 2025: [LisboaJS — December](https://faziz-dev.com/events/lisboajs-2025-12-18.md), Lisbon, Portugal, as "Caching, Payloads, and Other Dark Arts: Optimizing UX in Suboptimal Conditions" (recording: https://www.youtube.com/watch?v=pU04H2jnXbc)
- 18th Nov 2025: [React Summit US](https://faziz-dev.com/events/react-summit-us-2025-11-18.md), Jersey City, United States, as "Caching, Payloads, and Other Dark Arts: Optimizing UX in Suboptimal Conditions" (recording: https://gitnation.com/contents/caching-payloads-and-other-dark-arts-a-frontend-engineers-journey)
- 28th Oct 2025: [International JavaScript Conference Munich](https://faziz-dev.com/events/international-javascript-conference-2025-10-28.md), Munich, Germany, as "Caching, Payloads, and Other Dark Arts: A Frontend Engineer's Journey"
- 27th Sep 2025: [Voxxed Days Crete](https://faziz-dev.com/events/voxxed-days-crete-2025-09-27.md), Heraklion, Greece, as "Solving Real World Data Fetching Challenges with Next.js and TanStack Query: A Pragmatic Case Study" (recording: https://www.youtube.com/watch?v=vm__sHBLOrY&list=PLRsbF2sD7JVqG1GRbL7KeFscgt72uLmgI)
- 5th Aug 2025: [Software Architecture Conference](https://faziz-dev.com/events/software-architecture-conference-2025-08-05.md), Online, as "Caching, Payloads, and Other Dark Arts: A Frontend Engineer's Journey" (recording: https://www.youtube.com/watch?v=qwC1TZ6YitI&t=5240s)
- 7th Apr 2025: [jsday Bologna](https://faziz-dev.com/events/jsday-2025-04-07.md), Bologna, Italy, as "Solving Real World Data Fetching Challenges with Next.js and TanStack Query: A Pragmatic Case Study" (recording: https://www.youtube.com/watch?v=304aVvHz2Cs)
- 25th Mar 2025: [Voxxed Days Zurich](https://faziz-dev.com/events/voxxed-days-zurich-2025-03-25.md), Zurich, Switzerland, as "Solving Real World Data Fetching Challenges with Next.js and TanStack Query: A Pragmatic Case Study" (recording: https://www.youtube.com/watch?v=oTTgURyC1nw)
- 14th Nov 2024: [ZurichJS Meetup Relaunch: Talks, Lightning Sessions, and Networking](https://faziz-dev.com/events/zurich-js-meetup-relaunch-2024.md), Zurich, Switzerland, as "Solving Real World Data Fetching Challenges with Next.js and TanStack Query: A Pragmatic Case Study"
- 22nd Aug 2024: [React & Chill Conference](https://faziz-dev.com/events/react-chill-conference-2024-08-22.md), Online, as "Data Fetching Unleashed: Next.js, React Query and their BFF" (recording: https://www.youtube.com/watch?v=EV5wWqoYNjg)
- 3rd Jul 2024: [Zurich ReactJS Meetup — July](https://faziz-dev.com/events/zurich-reactjs-meetup-2024-07-03.md), Zurich, Switzerland, as "Data Fetching Unleashed: Next.js, React Query and their BFF"
- 24th Apr 2024: [CityJS Athens](https://faziz-dev.com/events/cityjs-athens-2024-04-24.md), Athens, Greece, as "Data Fetching Unleashed: Next.js, React Query and their BFF" (recording: https://www.youtube.com/live/O3vJnQfdiJY?feature=shared&t=13173)
- 22nd Feb 2024: [React Advanced London Meetup](https://faziz-dev.com/events/react-advanced-london-2024-02-22.md), London, United Kingdom, as "Data Fetching Unleashed: Next.js, React Query and their BFF"

## Booking

- Invite me to give this talk: https://faziz-dev.com/invite?kind=conference&talk=Built%20for%20Turbulence%3A%20Architecting%20Full-Stack%20Web%20Experiences%20That%20Hold%20Up%20in%20Any%20Environment
- Setup: Headset or lapel mic preferred — I like to move around the stage and engage with the audience. Handheld only as a backup.
- I reply within two working days. Press kit and rider: https://faziz-dev.com/press-kit

---

Faris Aziz: software engineer, speaker, ZurichJS co-founder. Geneva, Switzerland.
Site: https://faziz-dev.com · Invite to speak: https://faziz-dev.com/invite · Services: https://faziz-dev.com/services · Mentorship: https://faziz-dev.com/mentorship · Index for agents: https://faziz-dev.com/llms.txt
LinkedIn: https://www.linkedin.com/in/farisaziz12/ · GitHub: https://github.com/farisaziz12 · Bluesky: https://bsky.app/profile/farisaziz.com