Implementing Fixed, Variable, and Dynamic Height Virtual Lists with react-window

This article explains the core principles of virtual scrolling and provides complete React implementations for three types of virtual lists—fixed‑height, variable‑height, and dynamic‑height—using react-window, including detailed code snippets, performance considerations, and optimization suggestions.

Reactfrontendperformance

0 likes · 17 min read

Implementing Fixed, Variable, and Dynamic Height Virtual Lists with react-window

ByteFE

Mar 22, 2021 · Frontend Development

Table Virtualization Practices in React Ant Design: Approaches and Lessons

This article examines the challenges of virtualizing large Ant Design tables in a React+Umi stack, outlines three internal implementation strategies, discusses common pitfalls such as blank flicker and column fixing, and recommends open‑source alternatives for efficient table rendering.

Ant DesignReactTable Virtualization

0 likes · 13 min read

Table Virtualization Practices in React Ant Design: Approaches and Lessons

Programmer DD

Dec 5, 2019 · Frontend Development

How We Boosted Website Speed by 24% Using 3 Unusual Frontend Tricks

In this article we detail how a Swiss job‑search platform improved user experience and SEO by applying three unconventional frontend techniques—JSON preloading, a lightweight client‑side cache, and trimming CSS/JS bundles—to cut overall load time by 24%, with some reports showing up to a 43% reduction.

Frontend OptimizationWeb Performanceasset reduction

0 likes · 6 min read

How We Boosted Website Speed by 24% Using 3 Unusual Frontend Tricks