---
title: Frontend & JS Digest — Week 19
date: Tue May 05 2026 17:00:00 GMT+0000 (Coordinated Universal Time)
---

My favorite from this week is Datatype, because rendering charts through pure OpenType ligatures is the kind of "wait, that works?" idea I want more of. Perry is a close second—native TypeScript binaries without Electron is a tempting future.

## Links

### Article

[How React Streams UI Out of Order](https://inside-react.vercel.app/blog/how-react-streams-ui-out-of-order) - Walks through the mechanics behind Suspense streaming—React ships fast content first, parks slow boundaries as hidden divs, then small inline scripts (`$RC`, `$RV`, `$RB`) swap placeholders for real content as data resolves. Reveals how the framework sidesteps sequential HTML streaming without you noticing. Good read if you've ever wondered what those `<template>` tags in the wire format are doing.
[An Interactive Guide to Scroll-Driven Animations](https://www.joshwcomeau.com/animation/scroll-driven-animations/) - Josh Comeau on `animation-timeline`—maps keyframes to scroll distance instead of duration, so parallax and reveal effects need zero JS. Covers `cover`, `contain`, `entry`, `exit` ranges, timing functions, and linking one element's scroll to another element's animation. ~85% browser support now. As always with his posts, the interactive demos do most of the teaching.
[CSS Recently in All Browsers](https://nerdy.dev/CSS-recently-in-all-browsers) - Adam Argyle rounds up seven CSS features that hit cross-browser support between October 2025 and April 2026—anchor positioning without DOM gymnastics, `@scope` with donut nesting, name-only container queries, `shape()` and `shape-outside` with `xywh()`/`rect()`, view-transition classes and types, and the new relative units `rcap`, `rch`, `rex`, `ric`. The "you can finally ship this" list for the spring.

### Library&tools

[Aube](https://aube.en.dev/) - Fast Node.js package manager that drops into existing projects—no lockfile migration, reads `yarn.lock`, `pnpm-lock.yaml`, and `package-lock.json` as-is. Claims 4.6x faster than pnpm and 2.6x faster than Bun on warm installs; global content-addressable store cuts disk usage ~90% vs npm. Supply-chain guards include trust downgrade checks, 24-hour cooling on new releases, and approval prompts for build scripts. MIT.
[Perry](https://www.perryts.com/en/) - Compiles TypeScript to native GUI and CLI apps across macOS, iOS, Android, Linux, Windows, watchOS, tvOS, Wasm, and Web—no Node, V8, or Electron at runtime. Standalone 2-5 MB binaries via SWC and LLVM, 25+ native widgets bound to AppKit, GTK4, UIKit; benchmarks show up to 18x faster than Node. Optional V8 fallback when you really need an npm package.
[Portless](https://github.com/vercel-labs/portless) - Vercel Labs CLI that swaps `localhost:3000` for stable named URLs like `https://api.myapp.localhost`—HTTPS with HTTP/2 by default, automatic local cert generation and trust store integration. Auto-detects Next.js, Vite, Express, Nuxt; git worktree branches become subdomains (`https://fix-ui.myapp.localhost`); LAN and Tailscale sharing built in. Pitched at humans and AI agents juggling many local services.
[Agentic Inbox](https://github.com/cloudflare/agentic-inbox) - Self-hosted email client running entirely on Cloudflare Workers—mail arrives via Email Routing, each mailbox isolated in its own Durable Object with SQLite, attachments in R2. Bundled agent has nine email-specific tools, drafts replies automatically (send still requires confirmation), per-mailbox system prompts, persistent chat history. React 19 + Tailwind frontend, Hono backend, Workers AI for the model. Reference architecture for Cloudflare Agents SDK.
[design.md](https://github.com/google-labs-code/design.md) - Format spec from Google Labs giving coding agents a persistent, structured view of a design system—YAML tokens for colors, typography, spacing paired with markdown rationale. CLI ships `lint` (seven rules including WCAG contrast), `diff` for token-level changes, and `export` to Tailwind v3/v4 or W3C Design Token Format. Alpha, but a sensible answer to "how does an LLM stay on-brand across a codebase."
[Datatype](https://franktisellano.github.io/datatype/) - Variable OpenType font that renders inline charts via ligature substitution—`{b:values}` for bars, `{l:values}` for sparklines, `{p:value}` for pie slices. No JS, no rendering library; works anywhere text does. Adjustable axes for chart density and weight, pairs with any typeface. SIL Open Font License, on GitHub and Google Fonts. Beautiful idea.

### Other

[Devicons.io](https://devicons.io/icons/) - Catalog of 1,246 developer, brand, framework, and tooling logos with stable IDs and per-icon doc pages. Browse by popularity or tags (JS, cloud, DevOps, databases, AI), grab curated packs for AI toolkits or frontend stacks, or pull the whole index as JSON for local search. Useful when you need a recognizable mark and don't want to hotlink someone's PNG.
[Men Who Stare at Walls](https://www.alexselimov.com/posts/men_who_stare_at_walls/) - Short post arguing that 5-10 minutes of literal wall-staring beats more caffeine when the afternoon brain fog hits. Author's loop—bad sleep, more coffee, doomscrolling for relief, late nights—gets reset by deliberate disengagement instead of more input. Harder than it sounds; surprisingly effective.