#485 — July 31, 2026 |
|
|
|
Octane: React's Programming Model, But Compiled — From the creator of Inferno comes a successor: a compiled React-like framework (the differences from React are here) that generates reactivity ahead of time with no VDOM. Supports TSX/JSX and TSRX, with integrations for TanStack Query and Router, plus other common React libraries. Dominic Gannaway |
💡 Expect to see a lot of experimentation around Octane in coming weeks. For example, Steve Faulkner has created Nextane, an experimental riff on Cloudflare's Vinext 'Next.js on Vite', to get the Next.js Pages Router but on Octane. |
Join Sentry Live: How Etsy Stays Crash-Free — Sentry and Etsy break down how Etsy preps for peak traffic, debugs in real time, and ties crashes to revenue impact. Real stories and practical takeaways for teams shipping at scale. Sentry sponsor |
|
Why TanStack Stopped Using RSC on Its Site — Tanner, armed with lots of numbers, explains why tanstack.com dropped React Server Components after shrinking its markdown and highlighting stack to 27KB. Plain SSR now serves smaller pages with lower blocking time, and the code is easier to follow. Tanner Linsley |
💡 TanStack has also rolled out a full rebrand and new landing page. |
|
▶ React Debugging with Performance Tracks — A 15 minute tutorial covering React Performance tracks, React-specific entries that appear in your browser's DevTools. Shruti Kapoor |
|
Experimenting with RSCs for Performance and UX in Next.js — Aurora digs into three interesting patterns that arose while building a social app on Next.js 16.3 (currently in preview, but expected imminently). Aurora Scharff |
|
📄 Your SPA is Leaking Memory: 'Soak Test' It – Loop a Playwright flow in a single browser context and use DOM node and listener counts to catch memory leaks before users do. Den Odell 📄 The State of Zero-Runtime CSS-in-JS, Mid-2026 – From the maintainer of Linaria and creator of dx-styles. Anton Evzhakov 📄 Building a Real-Time Face Recognition App in React Native with VisionCamera Patrick Kabwe (Margelo) 📄 A Modern Storybook Tutorial: Stories, Interaction Tests, and CI Flavio Copes |
🛠 Code, Tools & Libraries |
|
|
Introducing TanStack Markdown and Highlight — As part of removing RSCs from its site (covered above), TanStack built two new libraries: a 4.9KB Markdown parser with a serializable AST, and an 8KB highlighter for 25 languages, replacing a ~358KB Shiki-based approach. They're in alpha, TanStack's using them in prod… Tanner Linsley |
💡 It's been a productive week for TanStack – they've also released an alpha of TanStack Charts, their take on creating a grammar for charts that AI agents can write. Microsoft is also experimenting in this area with Flint. |
|
Sign in with Google for React Native — Oluwatomi Oluwafemi Alu (Thoughtbot) |
|
OverflowGuard: A Component That Knows When Content Won't Fit — A 2KB component that detects when toolbar or nav content stops fitting its container, so you can collapse to icons or a hamburger without magic breakpoints. Artur Marczyk |
|
|
📊 A Smaller Chart Bonus |
|
|
Microcharts: Word-Sized Charts for React — I'm a big fan of Edward Tufte's numerous data visualization books and a concept he popularized was sparklines, small dense charts that fit inline with text. Microcharts brings the idea to React with 106 chart types. GitHub repo. Ganapati V S |