Beyond Virtual Lists: How to Render 100K Items with 100s of Updates/sec in React
summary
Shows a concrete claim: Flipper moves from ~250ms renders to 10x faster frame rates while streaming thousands of events, handling 100k items and hundreds of updates/sec. Uses virtualization (react-virtual/rig-virtual) plus three concrete tricks: incremental filter updates, binary insertion for sort (log n), and early windowing of updates to avoid renders for out-of-view items. Delivers an open-source implementation as flipper-data-source and demos it at scale — it works and keeps CPU and frames stable.
AI-written summary · about
chapters (4)
related talks
28mBeyond virtual lists: Introducing FSRW transformations to render large
17mGetting Fluent with React
30mConcurrent Rendering in React
02h 50mReact: Internals and Advanced Performance Patterns
18mReact and WebGL
38mLive Coding - Optimizing a React application
29mParallel computing in ReactJS: Provide a pleasant user experience
34mReact The Good Parts