Cheng Lou’s DOM trick

Cheng Lou’s Pretext repository on GitHub shows roughly 5.8k stars and more than 240 commits on the main branch, indicating active development and community interest. (github.com) The README exposes a public API pattern—prepare() then layout()—with a concrete example measuring multilingual text ("AGI 春天到了. بدأت الرحلة 🚀") using a "16px Inter" spec in the README. (github.com) Pretext explicitly separates an expensive one-time measurement phase (using canvas-backed segment measurements) from a cheap hot-path layout phase that computes heights by arithmetic over cached widths, avoiding getBoundingClientRect/offsetHeight reflows. ( ) Interactive demos hosted by the author at chenglou.me/pretext include Accordion, Bubbles, and Dynamic Layout examples and the repo README instructs developers to run the demos locally with bun install and bun start. ( ) Project documentation and third-party summaries state Pretext can produce sub-millisecond height predictions for responsive UIs and advertises render targets for DOM, Canvas, and SVG with planned server-side support. ( ) The work supersedes an earlier archived text-layout repository—those ideas were migrated into Pretext and the text-layout repo now directs users to Pretext as the production-ready successor. (github.com) Press coverage frames Pretext as closing a long-standing web typography gap and highlights Cheng Lou’s track record (React Motion author, ReasonML co-creator, and frontend work on Messenger) as contextual background for the project’s provenance. ( )