BestHub
Sign in
Tagged articles
12 articles
Page 1 of 1
Node.js Tech Stack
Node.js Tech Stack
Apr 1, 2026 · Frontend Development

How a Former React Core Engineer’s Pretext Library Solves a 30‑Year‑Old Browser Text Layout Problem

Front‑end developers struggle to measure text height without rendering, causing performance issues in virtual scrolling, chat bubbles, and masonry layouts, but the TypeScript‑based Pretext library bypasses the DOM, uses Canvas measureText, and delivers order‑of‑magnitude speedups while offering line‑level layout APIs.

JavaScriptPretextTypeScript
0 likes · 10 min read
How a Former React Core Engineer’s Pretext Library Solves a 30‑Year‑Old Browser Text Layout Problem
AI Architecture Path
AI Architecture Path
Apr 1, 2026 · Frontend Development

How Pretext Eliminates DOM Reflows for Ultra‑Fast Text Measurement

Pretext, a zero‑DOM, high‑performance text measurement engine created by React core contributor chenglou, uses Canvas‑based calculations and a two‑stage prepare/layout workflow to avoid layout reflows, delivering up to 500× speed gains for virtual scrolling, rich‑text rendering, and AI‑driven UI layout predictions.

Performance OptimizationPretexttext measurement
0 likes · 7 min read
How Pretext Eliminates DOM Reflows for Ultra‑Fast Text Measurement
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 5, 2025 · Frontend Development

Building a High‑Performance Multi‑Dimensional Table with Konva.js

This article explains how to create a high‑performance, multi‑dimensional table system using Konva.js, covering project overview, feature list, core architecture, module design, key mechanisms such as group rendering, virtual scrolling and batch drawing, implementation details, performance optimizations, and future extensions.

Frontend ArchitectureKonva.jsmulti-dimensional table
0 likes · 25 min read
Building a High‑Performance Multi‑Dimensional Table with Konva.js
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 22, 2024 · Frontend Development

Understanding Virtual Scrolling in Frontend Development: Principles, Use Cases, and Implementation

This article explains the concept of virtual scrolling, why it is needed for performance in web pages, outlines two main implementation strategies, and provides detailed Vue‑based code examples—including Element‑Plus Infinite Scroll and a custom VirtualList class—to help developers apply the technique effectively.

Element PlusVueinfinite scroll
0 likes · 24 min read
Understanding Virtual Scrolling in Frontend Development: Principles, Use Cases, and Implementation
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 30, 2024 · Frontend Development

Virtual Scrolling Techniques and Performance Optimization for Large Document Editors

This article explains how virtual scrolling can dramatically improve the performance of large online document editors by rendering only visible content, discusses various implementation strategies such as progressive pagination, canvas rendering, line‑ and block‑level virtualization, and details state management, view‑locking, fast‑scroll handling, and integration scenarios like anchor navigation, find‑replace, and comment systems, while providing code examples and performance test results.

Performance Optimizationfrontendintersection observer
0 likes · 57 min read
Virtual Scrolling Techniques and Performance Optimization for Large Document Editors
Beijing SF i-TECH City Technology Team
Beijing SF i-TECH City Technology Team
Sep 27, 2023 · Backend Development

Performance Analysis and Optimization Report for a Logistics Platform

This report analyzes performance issues in a logistics platform, identifying backend IC card interface timeouts causing database connection pool exhaustion and frontend problems from excessive DOM elements and network loading, then proposes optimizations including interface migration, CDN, compression, preloading, domain sharding, and virtual scrolling.

Frontend OptimizationIC card interfacebackend optimization
0 likes · 9 min read
Performance Analysis and Optimization Report for a Logistics Platform
DeWu Technology
DeWu Technology
Mar 27, 2023 · Frontend Development

Optimizing Pull‑Down Loading and Scroll Experience in IM Chat Message Lists

The article explains how to optimize pull‑down loading for instant‑messaging conversation lists using virtual scrolling, detailing a three‑step loading flow, evaluating timeout, onload, and reverse‑rendering strategies, and recommending column‑reverse rendering to achieve smooth, accurate scroll rollback and better user experience.

chat UIfrontendpull-down loading
0 likes · 11 min read
Optimizing Pull‑Down Loading and Scroll Experience in IM Chat Message Lists
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 29, 2022 · Frontend Development

How We Built a High‑Performance React Big Data Table with AntV S2

This article explains how the AntV S2 canvas‑based rendering engine was used to create a feature‑rich, high‑performance React data‑grid capable of handling tens of thousands of rows, covering cell editing, brush selection, virtual scrolling, frozen rows/columns, custom headers, filtering, sorting, searching, and copy‑to‑clipboard functionality.

AntV S2Data GridReact
0 likes · 28 min read
How We Built a High‑Performance React Big Data Table with AntV S2
Alipay Experience Technology
Alipay Experience Technology
Mar 10, 2022 · Frontend Development

How We Built a High‑Performance React Data Grid with AntV S2

This article details how Ant Financial’s front‑end team created a fast, extensible React big‑data table component using the open‑source AntV S2 Canvas library, covering performance‑driven technical choices, custom cell editing, virtual scrolling, freezing, filtering, sorting, and integration challenges that replaced costly commercial spreadsheet solutions.

AntV S2CanvasLarge Data
0 likes · 29 min read
How We Built a High‑Performance React Data Grid with AntV S2
ByteFE
ByteFE
Apr 20, 2021 · Frontend Development

Implementing a Virtual Scrolling List in Ant Design Modal for Performance Optimization

This article explains how to replace a sluggish, long list inside an Ant Design Modal with a custom virtual scrolling component, covering fixed‑height and variable‑height implementations, buffer optimization, binary search for index lookup, and includes full React code examples.

antdlist renderingoptimization
0 likes · 14 min read
Implementing a Virtual Scrolling List in Ant Design Modal for Performance Optimization