TanStack's new look, and life without RSC

дата:
Plus React but compiled, soaking your SPA to find memory leaks, and where zero-runtime CSS-in-JS stands in mid-2026.

#​485 — July 31, 2026

Read on the Web
Together with  Sentry logo
 React Status

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 — @thoughtbot/react-native-social-auth is a modern Google Sign-In library for React Native on both iOS and Android with a first-party Expo config plugin.

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

  • MobX 7.0 – The popular state manager slims down, removes deprecations, updates its React bindings, and now always uses Proxy-backed observable objects and arrays.

  • Mantine 9.5 – The popular full-featured React component suite. Date pickers gain a native month/year select, and there's a new SunburstChart component.

  • React Ace 15.0 – Component that wraps the Ace code editor. Now ships a native ESM build alongside CommonJS, fixing import interop under Vite 8.

  • 📸 VisionCamera 5.2 – Powerful camera library for React Native. Adds zoom, exposure and torch control to <SkiaCamera>.

  • react-router-hono-server 3.0 – Spin up a Hono-based server for your React Router app in seconds. Now targets React Router v8.

  • Virtua 0.50 – A zero-config ~3KB virtual list and grid component for React, Vue, Solid and Svelte – now joined by Angular. (Demo)

  • react-x11 1.2 – A React renderer whose host environment is an X11 server.

📰 Classifieds

You only need 3 tools to build mobile apps with AI: Skills, MCP and the right AI workflow. Full guide/video in the blog.

Your components re-render in milliseconds. The analytics query behind them doesn't. TimescaleDB extends Postgres so it can.

📊  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
n

Комментарии

Отправить комментарий