Feb 6
Loading video player...
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.vercel.app/1-1v --- 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.