Today's stream we will look at the complexity of modern hydration. How the goal lines are moving and how interactivity plays into our user experiences. We will also be looking at performance implications and how that impacts how we build towards the web in the future.

[00:00] Starting Soon...
[04:15] Preamble
[11:15] Defining Hydration
[18:45] Hydration Errors Should Be Deterministic
[32:00] Partial Hydration, Resumability, & Event Replay
[42:00] Choosing When to Stream & Partial Pre-Rendering
[58:00] Q&A: Replace Hydration? PPR & Auth?
[1:03:00] Q&A: OoO Streaming? Why Bother? Cancellation?
[1:11:00] Speed Tests: Solid Netlify/Solid Vercel/Next PPR
[1:19:00] Speed Tests: Solid Netlify/Next PPR/Astro SI
[1:32:15] Exploring Last Week's Demo & Lighthouse Scores
[1:41:30] Version Skew: Introduction
[1:49:30] VS: Infrastructure Coupling & Vendor Lock-In
[1:54:30] VS: Offline Support in Server Components
[1:59:45] VS: Caching Granularity Between Frameworks
[2:07:45] Solid Hydration in Astro: Intro & Setting Up The Demo
[2:18:00] SHiA: The Problem with client:visible & The Fix
[2:26:00] SHiA: Testing The Fix with View Transitions
[2:32:30] SHiA: Conclusion (This is a Safety Net)
[2:44:30] Hono Client-Side Benchmarks: Introduction
[2:50:00] HCSB: A Record Low on the JS Framework Benchmark
[3:02:00] HCSB: Setting Up The Benchmark
[3:07:45] HCSB: Exploring The Code & Debugging Session
[3:17:15] HCSB: Running the Benchmark & General Discussion
[3:28:45] HCSB: Looking at Flawed Results
[3:34:45] HCSB: Checking Heap Snapshots
[3:40:00] HCSB: Checking The Flame Graph (Problem Found)
[3:46:45] HCSB: Patching /dist/ & Finding Other Issues
[3:53:00] HCSB: Conclusion & Submitting Github Issue
[3:56:45] Async Derivations in Reactivity: Introduction
[4:00:15] ADiR: Three Critical Points with Async Data
[4:10:00] ADiR: Colorless Async with Signals
[4:18:00] ADiR: React Example & Finding a Consistent Model
[4:26:30] ADiR: Two-Way Binding Can Be A One-Way Street
[4:30:45] ADiR: Conclusion
[4:39:00] This Week in JavaScript: The State of React
[4:43:30] TWiJ: Solid News  
[4:46:00] TWiJ: Astro & No-JS View Transitions
[4:54:30] TWiJ: d.ts Files & HTMX
[4:58:30] TWiJ: Ryan's Tweet on Simple Tech Demos
[5:01:00] TWiJ: Niall Crosby's Tragic Death
[5:03:00] TWiJ: ViteConf & Conclusion

Thank you @zombiefacesupreme for the subtitles.

Ryan Carniato

A deep technical stream discussion exploring the modern nature of hydration in JavaScript frameworks. Covers how hydration has evolved from simple full-page SSR to complex scenarios involving streaming HTML, code splitting, lazy loading, and resumability. Key topics include indeterminate vs deterministic hydration errors, the challenge of state updates during partial hydration, resumable frameworks (like Qwik) as a solution to indeterminate hydration, SolidJS-specific hydration bugs and fixes, streaming SSR mechanics, and a performance comparison of Vercel PPR vs Edge rendering vs Netlify Edge using web page tests. Also touches on Partial Pre-Rendering (PPR), server islands, and when each approach makes sense.

The Nature of Hydration