---
title: Frontend & JS Digest — Week 15
date: Tue Apr 07 2026 17:00:00 GMT+0000 (Coordinated Universal Time)
---

My favorite from this week is Pretext—it looks like a huge gamechanger for text layout on the web. The ability to calculate text height without DOM measurement opens up possibilities that were simply not feasible before; definitely need to take a closer look at it.

## Links

### News

[Transformers.js v4](https://github.com/huggingface/transformers.js/releases/tag/4.0.0) - Major release from Hugging Face—complete rewrite with a new WebGPU backend in C++ for hardware-accelerated inference across browsers, Node.js, Bun, and Deno. ~4x speedup for embeddings; 15+ new architectures including GPT-OSS 20B; 53% smaller default bundle; 90% faster builds via esbuild. Also extracted a standalone @huggingface/tokenizers library at just 8.8kB gzipped.

### Article

[You're Looking at the Wrong Pretext Demo](https://denodell.com/blog/youre-looking-at-the-wrong-pretext-demo) - Den Odell argues the community got distracted by Pretext's flashy canvas demos—the real innovation is predicting text height without DOM measurement, enabling faster layouts while preserving accessibility. A good counterpoint to the hype.
[Making React ProseMirror Really, Really Fast](https://smoores.dev/post/making_react_prosemirror_really_really_fast/) - From 177ms per keypress down to 16ms—achieved by storing position information in refs instead of props, avoiding unnecessary re-renders across the entire document tree. A solid deep dive into aggressive memoization strategies for complex rich-text editors.
[Signals, the Push-Pull Based Algorithm](https://willybrauner.com/journal/signal-the-push-pull-based-algorithm) - Explains how Signals work internally in frameworks like Solid and Vue—change notifications are eagerly "pushed" to dependents, while computed values lazily "pull" by re-evaluating only when accessed and their cache is invalid. Clear walkthrough of the reactive pattern that's taking over the frontend.
[Applying Accessibility Fixes with Stealth for the Greater Good](https://piccalil.li/blog/applying-accessibility-fixes-with-stealth-for-the-greater-good/) - Practical strategies for sneaking accessibility improvements into organizations that don't officially prioritize it—discusses ableism in tech, organizational power dynamics, and building coalitions of allies. A good read for anyone who's been told "we'll do a11y later."

### Library&tools

[Pretext](https://chenglou.me/pretext/) - Library by Cheng Lou that calculates text height without DOM measurement in the hot path—enables manual line routing, width-tight multiline UI, and Knuth-Plass paragraph justification. The demos are stunning (virtualized chat, editorial layouts with obstacle-aware routing), but as Den Odell points out, the real breakthrough is the measurement engine, not the flashy canvas renders.
[Pretext on GitHub](https://github.com/chenglou/pretext) - Source code and documentation for Pretext.

### Other

[Coding Font](https://www.codingfont.com/) - Interactive tool for comparing and choosing coding fonts—includes a tournament-style game mode, theme customization, and ligature previews. If you've ever spent an hour picking the perfect monospace font, this is for you.
[CSS is DOOMed — Rendering DOOM in 3D with CSS](https://nielsleenheer.com/articles/2026/css-is-doomed-rendering-doom-in-3d-with-css/) - Fully playable 3D DOOM rendered entirely with CSS—walls, floors, and enemies are HTML divs positioned in 3D space using trig functions, custom properties, clip-paths, and SVG filters. JavaScript only handles game logic. Another entry in the "can it run Doom?" hall of fame.
[swap.js](https://swapjs.dev/) - Interactive sorting game where you drag bars into order—tracks your time, move count, and personal bests with a leaderboard. Surprisingly addictive way to procrastinate while pretending you're studying algorithms.