A portal to the future
summary
Fiber makes async rendering possible, server SSR shifts from slow sync stringing to streaming with renderToNodeStream, benchmarks claim 182ms → 28ms (65% faster), and a concrete pattern uses ReactDOM.unstable_createPortal plus selective hydration to ship only interactive widgets to the client. The built demo flushes server DOM, re-renders cart/menu via portals, reduces client bundle size and avoids Redux for simple state sharing, and it works with caveats: brief re-mount flicker, lost lifecycle optimizations, and reliance on unstable flags.
AI-written summary · about
chapters (8)
- 0:00Start
- 0:05Siddharth Kshetrapal
- 1:45The diffing algorithm React uses to tell which parts need to be changed
- 12:17split work at component boundaries
- 12:30cooperative multitasking
- 14:03PORTALS
- 21:39yay, performance!
- 27:59state management
related talks
31mModern React
26mProgressive HTML Rendering 101
33mRendering on the Web: Performance Implications of Application Architecture
21mYou Really Don't Need All That JavaScript, I Promise
31mStreaming React for Faster UIs
31mReact Server Components Elevating Speed, Interactivity, and User Experience
30mAlgebraic effects, Fibers, Coroutines...Oh my!
23mMastering Server-rendered Apps