Abracadabra: The Vanishing Network

on YouTube ↗28m

" summary

Demo claims network complexity can practically vanish by using React Server Components and Actions and demonstrates that with a working counter app migrated from multipage → SPA → framework-era PESPA → modern React. Tools shown: Remix patterns, fetcher forms, progressive enhancement, and the use server/use client directives. A surprising data point: a simple checkbox feature once takes two weeks due to network plumbing. Everything built in the demo runs live and the server-callable action pattern actually works.

AI-written summary · about

" chapters (12)

1. 0:00Introduction to React and the Vanishing Network
2. 3:09Exploring the Multi-Page App Paradigm
3. 5:29Adding JavaScript for Client Functionality
4. 7:04Adding Progressive Enhancement to the Form
5. 9:48Enhancing User Experience and Transitioning to SPA
6. 12:29Eliminating Duplication and Transition to JSON API
7. 13:40React Code and User Actions
8. 15:46React Era and Pespa Architecture
9. 18:02Progressive Enhancement with Remix
10. 20:00Moving to Modern React with Server Components
11. 22:45Enhancing Server-Client Communication and UI
12. 25:06Server-Client Code Separation and Epic React

" related talks

• 29mAbracadabra: The Vanishing NetworkKent C. Dodds · React India 2024
• 40mAbracadabra: The Vanishing NetworkKent C. Dodds · React Paris 2025
• 32mAnd Now You Understand React Server ComponentsKent C. Dodds · UtahJS Conf 2024
• 54mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · NDC Sydney 2024
• 45mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · NDC Oslo 2024
• 21mReact Server ComponentsTejas Kumar · React Day Berlin 2023
• 51mDiscussion on React server componentsTanner Linsley, Ryan K Carniato, Ben Holmes · Reactathon 2023
• 21mThe Web's Next TransformationKent C. Dodds · All Things Open 2022