Implementing Fixed, Variable, and Dynamic Height Virtual Lists with React‑Window

This article explains how to build three kinds of virtual scrolling lists—fixed‑height, variable‑height, and dynamic‑height—using React‑Window, covering core principles, detailed implementation code, performance considerations, and practical tips for handling irregular item sizes.

Reactfrontendperformance

0 likes · 16 min read

Implementing Fixed, Variable, and Dynamic Height Virtual Lists with React‑Window

Rare Earth Juejin Tech Community

Sep 6, 2023 · Frontend Development

Efficient Rendering of Large Datasets in Vue.js Frontend Applications

This article demonstrates several techniques—including server‑side data simulation, batch rendering with timers, requestAnimationFrame, pagination components, infinite scroll, and virtual lists—to efficiently display and interact with 100,000 records in a Vue.js front‑end without causing UI freezes or performance degradation.

Large Datafrontendinfinite scroll

0 likes · 21 min read

Efficient Rendering of Large Datasets in Vue.js Frontend Applications