React Status

TanStack Start rethinks React Server Components

Fri, 17 Apr 2026 00:00:00 +0000

#470 — April 17, 2026

React Status

TanStack Start Adds React Server Components Support — The full-stack framework adds RSC support with an 'isomorphic-first' twist: RSCs render to streams you fetch and cache like any other data, not a server-owned tree. No use server directive (by design, post-CVEs), plus Composite Components that let the client fill slots the server leaves open.

Schiller, Linsley, and Herrington

Ship React Native Apps on Fire TV — Build apps for Fire TV with ease. Get started by installing the Vega OS SDK, configure Vega Studio, and clone the React Native Hello World sample app. Explore media playback, navigation, and Fire TV APIs. 

Amazon sponsor

IN BRIEF:

Reddit's /r/reactjs had a lively thread about React patterns people adopted then realized were overkill, including context-as-global-state, barrel files, and HOCs.
MUI (Material UI) v9 is out, skipping v8 to sync with MUI X v9. Plus new NumberField and Menubar components, and sx and bundle size wins.
A look behind the scenes of porting React Compiler to Rust.

The Vertical Codebase — A components/, hooks/, and utils/ folder structure feels tidy at first, but gets harder to live with over time. Dominik makes the case for a vertical, domain-first structure, pulling examples from Sentry’s own codebase.

Dominik Dorfmeister

Running React Apps on Salesforce with Multi-Framework — Building apps on Salesforce's CRM platform has required devs to use its own frameworks, but its new “Multi-Framework” runtime lets you take existing React apps and run them inside Salesforce, with the platform’s auth and data access layered in.

Watkins, Oh, and Lane (Salesforce)

📄 How to Recreate the Omnichord for the iPad with React Native – An electronic instrument made by Suzuki in the 1980s. Georgia Martinez

📄 Building a Blog with TanStack Start – A good old-fashioned walkthrough tutorial, leaning on TanStack Start. Adam Rackis

📄 A Guide to React Native Build Optimization The Mythical Engineer

🛠 Code, Tools & Libraries

🖼️ React Photo Album: Responsive Photo Gallery Component — Display a gallery of photos oriented in rows, columns, or with a masonry-style layout. Works with React 18+ and is SSR-friendly. Naturally there are examples with code and a playground to let you see how different settings render.

Igor Danchenko

Animata: Almost 200 Animated React Components — A huge suite of animation-focused React components, built with Tailwind CSS. The docs include demos for the whole suite which includes animated beams, spreading cards, a Slack-style intro screen, and glitching text. A novel suite of ideas you won’t find in many other collections.

Codse

Mobile Development Shouldn't Feel Like 2010 — Expo brings the web DX to native. Fast Refresh on device. Cloud builds from the CLI. One command to create, build, and ship.

Expo sponsor

📸 VisionCamera 5.0: An Advanced Camera for React Native Apps — Whether it’s for photos, videos, capturing QR codes, or object/face detection, VisionCamera is a worthy option. v5.0 replaces JSI/C++ code with Nitro, making it faster, has a new Constraints API, adds the ability to keep photos in-memory, plus gets a new docs site.

Marc Rousavy

og-check: Test OpenGraph Locally Before You Go Public — If you’re building locally, tools like Facebook’s Sharing Debugger won’t work, but this new command line tool lets you test your OpenGraph tags locally and see what the public will see before you deploy.

Simon Hartcher

react-infinite-scroll-component 7.1 – Infinite-scroll component with optional pull-to-refresh. v7.1 adds IntersectionObserver based triggering.
React Native Awesome Button 3.0 – 3D, progress-enabled button component. The live demo shows it off well.
RedwoodSDK 1.1 – Server-first React framework for the Cloudflare platform.
mqtt-react-hooks 3.0 – Connect, publish, and subscribe to MQTT brokers.
🖼️ Yet Another React Lightbox 3.31 – Lightbox for image and video slides.
styled-components 6.4.0 – Fast, expressive styling for React.
React Three Fiber 9.6 – The React renderer for Three.js.
React Email 6.0

📰 Classifieds

🎟️ React Norway 350 seats. No fluff. Learn from Vercel, Auth0, Amazon, Sentry, etc developers + live concert. Don’t miss it, Jun 5th, Oslo. (10% off with code: rs2026)

📸 Add robust in-browser barcode scanning to your web apps using STRICH, a lean JS library. Free 30-day trial, try the demo app today!

Flaky tests slowing down dev? Meticulous gives engineers confidence to ship faster by autonomously testing every edge case of your web app.

📢 Elsewhere in the ecosystem

JSON Alexander (above) is a new JSON viewer extension for Chrome and Firefox from Wes Bos, complete with a snazzy George Costanza logo.
Cal Paterson argues dependency cooldowns are individually rational but collectively make us "free-riders" on other users who get hacked first. He suggests upload queues at package indexes as a better solution.
From June, Google will penalize sites that 'hijack' the back button in search results. Don't do anything to "interfere with a user's ability to navigate their browser history," says Chris Nelson.
Bun v1.3.12 has been released with native, headless browser automation built in, and Bun.cron provides an in-process task scheduler.
Node.js 24.15.0 (LTS) makes require(esm) and the module compile cache stable and adds --max-heap-size.
TanStack Router, Start, and Query have added support for the Solid 2.0 beta.
🇫🇷 dotJS returns to Paris, France this September 18 – its CFP is open for two more weeks if you'd like to speak.

A React optimization case study from GitHub

Fri, 10 Apr 2026 00:00:00 +0000

#469 — April 10, 2026

Read on the Web

🐣 We're back after a little Easter break, so we have two weeks of updates to catch up on – hold on tight! 😅
__
Peter Cooper, your editor

React Status

The Uphill Climb of Making Diff Lines Performant on GitHub — A practical breakdown of how GitHub’s team cut memory usage and interaction latency in their new React-powered PR diff view. If you’re intrigued by how component tree depth, event handler sprawl, and useEffect overuse can eat away at your app’s performance, this is useful reading.

Ghenco and Shwert (GitHub)

Free Workshop: Claude Code Deep Dive — April 21 — Lydia Hallie from Anthropic teaches a full-day Claude Code workshop at Frontend Masters on April 21. Free to attend. No subscription required.

Frontend Masters sponsor

Ink 7.0: Use React to Build TUIs and Command Line Apps — A great example of ‘right place, right time’, Ink now powers tons of apps, especially in the agentic AI ecosystem. v7.0 now leans on React 19.2, uses useEffectEvent internally for added efficiency, and brings many new hooks and settings.

Vadim Demedes

IN BRIEF:

⚠️ React 19.2.5, 19.1.6 and 19.0.5 have been released to deploy a fix for a React Server Components vulnerability.
Mantine 9.0 is a major update for the popular component suite with a focus on a new calendar scheduling package (lots of demos) along with a new marquee component, and a huge variety of other enhancements.
📺 🇫🇷 23 talks to enjoy from React Paris 2026, now on YouTube.
React Native 0.85 has shipped with a new animation backend and devtools improvements.

▶ TanStack Start: A Client-First Web Framework — A 30 minute talk from TanStack’s founder showcasing TanStack Start’s value proposition for both React and Solid developers looking for a complete SSR framework.

Tanner Linsley

Under the Hood of MDN's New Frontend — MDN remains one of the most useful resources for frontend developers and it has a new frontend. This case study digs deep into how they replaced an ejected Create React App based app with one driven by Lit-based web components.

Leo McArdle (MDN)

Sentry - A Guide To Fixing Slow Checkout Flows In React Native — Find slow checkout requests, fix them, and set up alerts before users notice. Step-by-step guide.

Sentry sponsor

📄 Signals: The Push-Pull Based Algorithm – A ground-up explanation of how signals work, as seen at the core of reactivity in Solid, Vue, Preact, and Angular. A handy intro to compare against React. Willy Brauner

📄 Moving Railway's Frontend Off Next.js – Another Next.js to Vite + TanStack Router migration. Victor Ramirez

🛠 Code, Tools & Libraries

🎨 React Color: Flexible Color Picker Components — There’s a wide array of options here for all sorts of freeform or curated color selection. GitHub repo.

uiw and contributors

Boneyard: Auto-Generated Skeleton Screens for Your UI — Snapshots your real UI and captures a flat list of skeleton ‘bones’ which are positioned, sized rectangles that mirror the page exactly. Also supports Vue, Svelte, and Angular.

0xGF

Docusaurus 3.10: The React-Powered Site Builder — The popular MDX-powered site generator lands its final 3.x release with a focus on helping you prepare for Docusaurus 4 by opting into future settings and the faster, and now stable, Docusaurus Faster build tooling. This showcase shows off the potential of the long-standing framework.

Sébastien Lorber / Meta

Markdown Editor 4.1 (above) – Simple Markdown editor component with preview and syntax highlighting support. Live demo of the latest version.
react-infinite-scroll-component 7.0 – "An infinite-scroll that actually works and super-simple to integrate!" The 8 year old component has been modernized.
📳 react-native-haptic-feedback 3.0 – Haptic feedback integration for React Native on iOS and Android.
🖼️ react-inlinesvg v4.3.0 – Load inline, local, or remote SVGs in React components. (Demo.)
html-react-parser 6.0 – HTML to React parser that converts HTML strings into React elements.
Wasp 0.22.0 – Full framework for building full-stack React + Node webapps.
🗓️ React-Calendar 6.0 – Popular date picker control. Now ESM only.
React Native Skia 2.6 – High-performance 2D graphics library.

📰 Classifieds

Flaky tests slowing down dev? Meticulous gives engineers confidence to ship faster by autonomously testing every edge case of your web app.

Seat-limited org plans are live in Clerk Billing. Set size caps per tier, enforce automatically.

Build apps with real-time search data from Google, Maps, Shopping, and more.

📢 Elsewhere in the ecosystem

Chris Coyier's What To Know in JavaScript (2026 Edition) provides a handy refresher of the latest in language features, as well as the state of various frameworks and build tools.
🔊 If you've got code that uses the Web Audio API and you'd like to generate that audio on the server (with Node or Bun) too, web-audio-api 1.x makes it possible.
Ally Piechowski shares the git commands she runs before reading any code. They provide a handy way to get a quick grasp on what's happening in larger, multi-contributor repos.
📊 WebKit, Google and Mozilla have unveiled JetStream 3, the latest version of a popular browser-oriented JS and WASM performance benchmark suite.
🗳️ The second annual 'State of AI' survey is now live, seeking responses on AI usage within web development.
🇷🇴 The popular JSHeroes conference is back this May 14-15 in Romania.

Why test IDs are an accessibility code smell

Fri, 27 Mar 2026 00:00:00 +0000

#468 — March 27, 2026

Read on the Web

🐣 We're taking next week off for a little Easter break, so we'll be back in your inbox on April 10. Happy Easter to you, if you celebrate. 😊
__
Peter Cooper, your editor

React Status

React Joyride 3.0: Create Guided Tours in Your Apps — A complete rewrite of this popular ‘guided tour’ system targeting modern versions of React, extra and more useful hooks, improved rendering, and more. The demos show it off wonderfully. GitHub repo.

Gil Barbara

UI Development at Scale — Join Steve Kinney for this video course exploring how to architect large enterprise-scale frontend systems. You'll cover UI patterns, runtime composition, build-time approaches, monorepos, scaling, testing and much more.

Frontend Masters sponsor

Taking Next.js to More Platforms with Next.js 16.2's Adapter API — Last week’s Next.js 16.2 release made adapters stable. They provide an API for different platforms to customize the build process to their needs. This post explains how the feature works and how several providers are coming together to make it happen with Netlify, Cloudflare and AWS adapters expected later this year.

Jimmy Lai and JJ Kasper (Vercel)

IN BRIEF:

🤖 Dan Abramov put Claude to good use creating a fix for a React bug. Here, he explains the approach he took.
🔈 Fallen behind React Native's flurry of activity recently? The hosts of React Native Radio catch up on five months of React Native and Expo releases.
🇳🇴 React Norway is taking place on June 5 in Oslo. It has a very rockin' site and a line up to match including Jack Herrington, Dominik Dorfmeister, and Aurora Scharff.
TypeScript 6.0 was released earlier this week. Be prepared to make a few tsconfig changes!

Test IDs Are an Accessibility Smell — Dominik argues data-testid is a smell, not a best practice, and switching to role-based selectors gives you accessibility checking “almost for free.” Complete with before/after examples and tips for making your markup more query-friendly.

Dominik Dorfmeister

🤖 Introducing Storybook MCP for React — The latest release of the Storybook component workshop added an MCP server to give coding agents access to extra knowledge about your components so they can write better stories, tests, and fixes for any bugs encountered.

Kyle Gach (Storybook)

📄 A Gentle Intro to npm Workspaces, With Visuals Carlos Precioso

🛠 Code, Tools & Libraries

Semiotic 3.0: A React + D3 Data Visualization Framework — This data viz library, of several years' vintage, has had a rewrite to bring it into the modern era. While it handles the basics like line and area charts, its strengths are in its more specialist offerings like choropleth maps, Sankey diagrams, flow maps, and violin plots, as well as streaming data support.

nteract

Clerk Expo 3.1: Native SwiftUI and Compose Auth Components — Prebuilt sign-in, user button, and profile views for iOS and Android. Platform-native Google Sign-In, no browser redirect.

Clerk sponsor

TanStack DB 0.6 Adds Persistence, Offline Support, and Hierarchical Data — TanStack DB puts a reactive queryable database inside your app, so you read and filter data locally instead of hitting an API. 0.6’s headline feature is SQLite-backed persistence with adapters for web, mobile, and server environments. The post goes deep on several other additions worth your time too.

Willis and De Porre (TanStack)

React Native Executorch: A Declarative Way to Run AI Models On‑Device — “If you’re looking for processing camera input with AI models, running VLMs, or Bare RN support, look no more.”

Software Mansion

Sugar High 1.0: A Lightweight JSX Syntax Highlighter — It doesn’t need React to be present, so you can use it for syntax highlighting JSX snippets anywhere. You can also theme it with CSS. GitHub repo.

Jiachi Liu

Jotai 2.19.0 – Primitive and flexible state management for React applications.
💳 React Stripe.js 6.0 – Components for Stripe.js and Stripe Elements.
Astro 6.1

📰 Classifieds

Sentry - Why your Next.js stack traces point to random chunks (and how to fix it).

😎 React Summit - June 12 & 16, Amsterdam & Online. Stay on top of the latest in the React ecosystem with 60+ amazing talks and workshops.

👾 A conference for engineers who did the big rewrite - and lived to tell the story. BugBash 2026, April 23-24, Washington DC.

📢 Elsewhere in the ecosystem

Stroke is a cute idea. Draw in a field on the page (e.g. a signature or some handwriting), click a button, and get some Motion code you can drop into a component to re-animate what you drew. (No, I can't draw to save my life, as evidenced above.. 😅)
Vavite 6 is a Vite plugin for developing and building server-side Node apps, so you can use Vite both for the frontend and backend of an app, complete with HMR at both ends.
James Garbutt of the e18e project looks at the three biggest causes of node_modules bloat: needless ES3-era compat packages, micro-libraries with a single consumer, and ponyfills for APIs that shipped years ago.
🤖 Phil Eaton surveyed 112 major source-available projects (Bun, Next.js, React, etc.) to get a picture of their stance towards AI-assisted contributions. Of those, only four have an outright ban.
🔒 More than ever, it's essential to ensure no secrets have snuck into your repos. Secretlint is a linting tool dedicated entirely to the task. It's written in Node but can be used with Docker against projects of any language.

How to roll your own server-side React framework

Fri, 20 Mar 2026 00:00:00 +0000

#467 — March 20, 2026

Read on the Web

React Status

📊 A React SSR Framework Performance Showdown — A significant benchmarking effort where TanStack Start, React Router, and Next.js were put under heavy load. The benchmark results helped make TanStack Start and Next.js better, too, as their maintainers fixed issues raised during testing, including this speedup for React itself.

Matteo Collina (Platformatic)

💡 As always with benchmarks, they present a single snapshot in time, are hard to get right, and real life situations vary a lot.

Auth That Plays Nice with Suspense and Transitions — Clerk Core 3 adds full support for React concurrent rendering — Suspense, transitions, and streaming SSR now work correctly with auth state. Also ships new hooks for custom sign-in and sign-up flows, a visual theme editor, and ~50KB smaller bundles.

Clerk sponsor

Why We Rolled Our Own React Server Components Framework — Another one? The team at Aha! had specific needs existing frameworks couldn’t meet, and modern React and Vite have made ‘rolling your own’ a realistic option. Josh shares a lot of details on how to approach such a task yourself.

Josh Wilson (Aha!)

💡 If you go down the 'roll your own' rabbit hole, Nitro v3 is worth a look as it now makes it possible to tie Vite and React together to build server-side apps.

IN BRIEF:

Expo UI in SDK 55 brings Jetpack Compose (now in beta) and reworked SwiftUI APIs into React Native apps.
The moderator of the /r/reactjs subreddit (Mark Erikson of Redux fame) is seeking feedback on how to make the sub better.
Solid's Ryan Carniato argues two unpopular React design choices were unavoidable (deferred state commits and dependency arrays on effects) and signal-based alternatives (like Solid) only avoid them by staying synchronous.
🤖 In a post on X, Anthropic's Felix Rieseberg reveals the main Claude site and desktop apps have shifted to Vite and TanStack Router.

5x SSR Throughput: Profiling SSR Hot Paths in TanStack Start — An in-depth explanation, coupled with analysis, of TanStack’s efforts to significantly improve the server-side rendering performance of TanStack Start. 5x higher throughput and a 90% drop in average latency is not to be sniffed at.

Schiller and Pellet (TanStack)

npx workos: An AI Agent That Writes Auth Directly Into Your Codebase — Reads your project, detects your framework, writes the integration, then typechecks and fixes its own build errors.

WorkOS sponsor

📄 Start Naming Your useEffect Functions (You'll Thank Me Later) Neciu Dan

📺 Generating Images with TanStack AI Jack Herrington

🛠 Code, Tools & Libraries

Next.js 16.2 Released — A release focused on developer experience with much faster next dev startup, ~50% faster rendering, Server Function logging in dev, plus significant Turbopack-related improvements, and improvements for AI-assisted development.

Jimmy Lai, Tim Neutkens

React Native Reanimated DnD 2.0: The Drag and Drop Library — Built with Reanimated 4 and Worklets for 60 fps animations. You can scan a QR code on the homepage to try it for yourself. v2.0 migrates the library to Reanimated 4 and adds sortable grids and dynamic heights.

Vishesh Raheja

RevoGrid: High-Performance Data Grid Component — A high-performance data grid control built for massive datasets. Integrates with React, Vue, Angular, and Svelte. Live demo and GitHub repo.

Revolist OU

Shimmer From Structure 2.4 – Auto-generates pixel-perfect 'shimmer skeletons' for components that are loading (above). The homepage is a great live demo.
Streamdown 2.5 – Vercel's component for rendering streaming Markdown.
⌨️ React Hotkeys 3.0 – Component to listen to keydown/keyup and defining and dispatching keyboard shortcuts.
react-fontawesome 3.3 – Official React component for Font Awesome icons.
next-forge 6.0 – Vercel's monorepo Turborepo template for Next.js apps.
Modern.js 3.1 – ByteDance's progressive React & Rsbuild framework.
React Notion X 7.10 – Fast and accurate React renderer for Notion.
📅 React Native DateTimePicker 9.1
React Native for Windows 0.82

📰 Classifieds

📸 Add robust 1D/2D barcode scanning to your web app with STRICH. Easy integration, simple pricing. Free trial and demo app available.

🏃 Your existing React Native apps can now run on Fire TV with minimal changes. Learn more about Vega OS and see how simple it is to get started.

📢 Elsewhere in the ecosystem

🤖 Addy Osmani introduces us to comprehension debt. In a world of agent-produced code, the question is now not “how do we generate more code?” but “how do we actually understand more of what we’re shipping?”
🤖 Vercel has updated its terms of service to allow for using code for AI model training and "with AI model providers". It's off by default for paid users, but Hobby users need to opt out manually.
⚠️ All maintained Node.js versions (25.x, 24.x, 22.x and 20.x) will get security releases next week (on or after March 24) to address nine vulnerabilities.
Bun v1.3.11 has been released with Bun.cron for OS-level cron jobs and expression parsing, ANSI and grapheme-aware string slicing, and yet more Node.js compatibility improvements.
If upgrading to macOS 26 (Tahoe) has broken support for custom local TLDs (e.g. .internal or .test), this Gist might be useful.
And much, much more in this week's JavaScript Weekly.