Fine grained reactivity and async first frameworks | Rich Harris | PodRocket

Описание: Rich Harris joins the podcast to discuss his talk, fine-grained everything, exploring fine-grained reactivity, frontend performance, and the real costs of React Server Components and RSC payloads. Rich explains how Svelte and SvelteKit approach co-located data fetching, remote functions, and RPC to reduce server-side rendering costs, improve developer experience, and avoid unnecessary performance overhead on mobile networks. The conversation dives into async rendering, parallel async data fetching, type safety with schema validation, and why async-first frameworks may define the future of JavaScript frameworks and web performance.

---
Links
X: https://x.com/Rich_Harris
Github: https://github.com/rich-harris
Bluesky: https://bsky.app/profile/rich-harris.dev

---
Resources
Modern front-end frameworks like Svelte are astonishingly fast at rendering, thanks to techniques such as signal-based fine-grained reactivity. But there's more to performance than updating the screen at 60 frames per second. In this talk, we'll learn about new approaches that help you build fast, reliable, data-efficient apps.

Slides: https://fine-grained-everything.verce...

---
Fill out our feedback form to help us improve PodRocket! https://forms.gle/xHm5PdAasfYqXYzT7

---
Chapters
00:00 Introduction with Rich Harris
01:00 Framing Frontend Performance and React Server Components
03:20 Choosing Frameworks vs Thinking About Performance
05:00 Why React Server Components Are a Brilliant Idea
06:45 The Mental Overhead of Server vs Client Components
08:40 Demo Explanation and RSC Payload Size
10:15 Why Servers Re Render More Than Necessary
12:00 Fine Grained Everything Explained
13:30 Asking Only for the Data That Changed
15:00 Introducing Remote Functions and RPC
17:00 Developer Experience Without Server Client Boundaries
18:45 Using Async Directly Inside Components
20:30 Parallelizing Async Work Automatically
22:45 Avoiding Waterfalls and Uncoordinated Updates
24:30 Comparing Load Functions vs Co Located Data
27:00 Type Safety, Inference, and Validation First APIs
29:30 Protecting Server Functions From Bad Data
31:45 Server Side Rendering Costs and Recomputing Data
34:00 Commands, Queries, and Explicit Data Invalidation
36:30 Forms, Mutations, and Re Fetching Everything
38:45 Performance Focused User Base and Framework Direction
41:00 Defaults, Tooling, and Discoverability
43:15 Agents, AI, and Framework Design
45:00 Is Fine Grained Reactivity the Future
47:00 What Developers Can Do Right Now
48:00 Closing Thoughts

---
🎙 Listen to PodRocket
🎧 Spotify: https://open.spotify.com/show/6oFuKu8...
🎧 Apple Podcasts: https://podcasts.apple.com/us/podcast...

📺 Subscribe on YouTube: @LogRocket

Follow on Socials
➡️ Noel Minchow, Host
➡️ Michael Hladky, Guest
➡️ Elizabeth Becz, Producer
➡️ LogRocket, PodRocketPod

---
What does LogRocket do?
LogRocket provides AI-first session replay and analytics that surface the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com.