Rendering real-time data in React
summary
A React demo streams 30 city weather forecasts over a WebSocket and shows that naive JSON.parse causes new object identities and forces React to re-render every item. The talk demonstrates using React hooks (useCallback, useMemo) plus an optimization that reuses unchanged object references to prevent unnecessary re-renders, and compares that to moving change detection to the server and using a delta protocol to cut traffic from ~153 KB to ~6 KB while adding complexity and race‑condition handling.
AI-written summary · about
chapters (8)
- 0:00Rendering optimization
- 1:51Excessive rerenders
- 3:59Cause of rerenders
- 6:52Optimizing with stability
- 8:41Sending only changes
- 10:48Race condition in updates
- 11:50Network traffic comparison
- 12:55Q&A
