<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>React Status</title>
    <description>A weekly roundup of the latest React and React Native links and tutorials.</description>
    <link>https://react.statuscode.com/</link>
    <item>
      <title>Dan Abramov joins the Next.js team</title>
      <link>https://react.statuscode.com/issues/480</link>
      <description>

  

    
    
  




&lt;table border=0 cellpadding=0 cellspacing=0 align="center" border="0"&gt;
  &lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em;"&gt;
  &lt;div&gt;    
    &lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;
&lt;td align="left" style="padding-left: 4px; font-size: 15px; line-height: 1.48em;"&gt;&lt;p&gt;#​480 — June 26, 2026&lt;/p&gt;&lt;/td&gt;
&lt;td align="right" style="padding-right: 4px; font-size: 15px; line-height: 1.48em;"&gt;&lt;p&gt;&lt;a href="https://react.statuscode.com/link/187176/rss" style=" color: #3c2584;"&gt;Read on the Web&lt;/a&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;/table&gt;

      &lt;div style="color: #333;   "&gt;
        &lt;div style="font-size: 2.7em; font-weight: 400; line-height: 1.3em; margin-bottom: 0px;"&gt; React Status&lt;/div&gt;
      &lt;/div&gt;
    &lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em;"&gt;
  &lt;a href="https://react.statuscode.com/link/187131/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/iwsfel0vwljz7a6wvivj.jpg" width="640" style="    line-height: 100%;    "&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/187131/rss" title="nextjs.org" style=" color: #3c2584;    font-size: 1.1em; line-height: 1.4em;"&gt;Making Next.js Navigations Feel Instant Without Going Full SPA&lt;/a&gt;&lt;/span&gt; — A preview of Next.js 16.3 is available that tackles a common gripe about Server Components: sluggish navigation. New opt-in behaviors keep the server-side benefits, while making navigations feel like an SPA. They’ve also created &lt;a href="https://react.statuscode.com/link/187133/rss" style=" color: #3c2584;   "&gt;🤖 an agent skill&lt;/a&gt; to help existing projects adopt the new features.&lt;/p&gt;
  &lt;p&gt;Clark, Story and the Next.js Team &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;&lt;p&gt;🎉 In &lt;a href="https://react.statuscode.com/link/187134/rss" style=" color: #3c2584; font-weight: 600;"&gt;a Bluesky thread&lt;/a&gt; commenting on the release, Dan Abramov revealed &lt;a href="https://react.statuscode.com/link/187135/rss" style=" color: #3c2584; font-weight: 600;"&gt;he's joining the Next.js team&lt;/a&gt; on a part-time basis!&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  &lt;a href="https://react.statuscode.com/link/187130/rss" style=" color: #3c2584;   "&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/432b659e.png" width="110" height="110" style="padding-top: 12px; padding-left: 12px;     line-height: 100%; "&gt;&lt;/a&gt;
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/187130/rss" title="www.meticulous.ai" style=" color: #3c2584;    font-size: 1.05em;"&gt;Still Writing Tests Manually? Meticulous AI Is Here&lt;/a&gt;&lt;/span&gt; — Notion, Dropbox, Wiz and LaunchDarkly now use a testing paradigm they can’t work without. Built by former Palantir engineers, Meticulous automatically creates an evolving suite of E2E UI tests, delivering exhaustive coverage with no developer effort.&lt;/p&gt;
  &lt;p&gt;Meticulous &lt;span style="text-transform: uppercase; margin-left: 4px; font-size: 0.9em;   color: #997 !important; padding: 1px 4px; "&gt;sponsor&lt;/span&gt;&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;p&gt;&lt;strong&gt;IN BRIEF:&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/187136/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Vite 8.1&lt;/a&gt; includes a 'bundled dev mode' that makes apps with large numbers of modules boot/reload faster (testing on an app with 10,000 components showed a 15x speedup, with more modest gains on real-world apps).&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/187137/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Rsbuild 2.1&lt;/a&gt; has been released and now includes the new Rust implementation of React Compiler, plus TanStack Start support.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Meanwhile, Rolldown and Vite have temporarily &lt;a href="https://react.statuscode.com/link/187138/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;𝕏 &lt;em&gt;removed&lt;/em&gt; the initial Rust React Compiler integration&lt;/a&gt; citing a 17% increase in binary size.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/187139/rss" title="www.skovhus.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;Moving Linear from styled‑components to StyleX&lt;/a&gt;&lt;/span&gt; — Linear migrated its React apps away from a runtime CSS-in-JS approach for ~30% faster renders when navigating between pages. An agent-built codemod (of some 100k lines!) did the grunt work, but Kenneth is honest about what still needed a human touch.&lt;/p&gt;
  &lt;p&gt;Kenneth Skovhus &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/187140/rss" title="www.callstack.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Writing Custom Renderers for React&lt;/a&gt;&lt;/span&gt; — When React 19 deprecated React Test Renderer, the React Native Testing Library maintainer built his own. The upside? We get a tour of the reconciler internals he had to wrangle along the way.&lt;/p&gt;
  &lt;p&gt;Maciej Jastrzębski (Callstack) &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/187141/rss" title="try.expo.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;You Write React. You Can Ship It to the App Store This Week&lt;/a&gt;&lt;/span&gt; — One React codebase, real apps on iOS and Android. Expo handles the builds, the store, and updates. &lt;a href="https://react.statuscode.com/link/187141/rss" style=" color: #3c2584;   "&gt;Start free&lt;/a&gt;.&lt;/p&gt;
  &lt;p&gt;Expo &lt;span style="text-transform: uppercase; margin-left: 4px; font-size: 0.9em;   color: #997 !important; padding: 1px 4px; "&gt;sponsor&lt;/span&gt;&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/187142/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Waku’s Unique Feature: Slices&lt;/a&gt; – A slice is a reusable component with its own render config, and a lazy mode that loads independently, akin to Astro’s server islands. &lt;cite&gt;Daishi Kato&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/187143/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;How an Underrated Refactor Saved 90% Memory Usage&lt;/a&gt; – The tale of how &lt;a href="https://react.statuscode.com/link/187144/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;TanStack Table&lt;/a&gt; v9 uses &lt;em&gt;far&lt;/em&gt; less memory than v8 on large tables. &lt;cite&gt;Kevin Van Cott (TanStack)&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/187145/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Building a Video Call App with Filters in React Native&lt;/a&gt;  &lt;cite&gt;Ritesh Shukla&lt;/cite&gt;&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0;"&gt;&lt;p&gt;🛠  Code, Tools &amp;amp; Libraries&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em;"&gt;
  &lt;a href="https://react.statuscode.com/link/187146/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/edufdnsa3faxxatpmwxy.jpg" width="640" style="        line-height: 100%;  "&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/187146/rss" title="takumi.kane.tw" style=" color: #3c2584;    font-size: 1.05em;"&gt;Takumi 2.0 Beta: Render React Components to Images&lt;/a&gt;&lt;/span&gt; — A Rust-powered engine that renders JSX to images &lt;em&gt;without&lt;/em&gt; a headless browser. v2.0 adds SVG output support, on-demand Google Fonts use, improved non-Latin character support, and new docs. There’s a &lt;a href="https://react.statuscode.com/link/187147/rss" style=" color: #3c2584;   "&gt;v2 upgrade guide&lt;/a&gt; for existing users. &lt;em&gt;(TanStack uses this on their site.)&lt;/em&gt;&lt;/p&gt;
  &lt;p&gt;Kane Wang et al. &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/187148/rss" title="foresightjs.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;ForesightJS 4: Predictive User Intent for Web Pages&lt;/a&gt;&lt;/span&gt; — Predicts user intent from mouse and keyboard cues to prefetch content for a snappier UX. &lt;a href="https://react.statuscode.com/link/187149/rss" style=" color: #3c2584;   "&gt;v4.0&lt;/a&gt; adds a React package with &lt;a href="https://react.statuscode.com/link/187151/rss" style=" color: #3c2584;   "&gt;a declarative &lt;code&gt;&amp;lt;Foresight&amp;gt;&lt;/code&gt; component&lt;/a&gt;.&lt;/p&gt;
  &lt;p&gt;ForesightJS, Inc. &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/187152/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;cnfast: A Faster Drop-In Replacement for &lt;code&gt;cn()&lt;/code&gt;&lt;/a&gt;&lt;/span&gt; — 
&lt;code&gt;shadcn/ui&lt;/code&gt; ships a &lt;code&gt;cn()&lt;/code&gt; helper to compose and merge Tailwind class names. cnfast is a faster, drop-in replacement.
&lt;/p&gt;
  &lt;p&gt;Aiden Bai &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;span&gt;🤖&lt;/span&gt; &lt;a href="https://react.statuscode.com/link/187153/rss" title="vercel.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Eve: Like Next.js, But for Building Agents&lt;/a&gt;&lt;/span&gt; — A new framework from Vercel that provides Next.js-esque structure for building AI-powered agents using TypeScript and Markdown.&lt;/p&gt;
  &lt;p&gt;Vercel &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/187154/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;TinyBase v8.5&lt;/a&gt; – Reactive data store and sync engine backend for powering apps that need to feel fast &lt;em&gt;and&lt;/em&gt; work offline. v8.5 adds a module for rendering reactive SVG chart components in React apps.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/187155/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Admin 5.15&lt;/a&gt; – SPA framework providing a React and Material Design frontend to REST or GraphQL APIs. v5.15 adds &lt;a href="https://react.statuscode.com/link/187156/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;MUI v9&lt;/a&gt; support.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;📊 &lt;a href="https://react.statuscode.com/link/187157/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Recharts 3.9&lt;/a&gt; – React + D3 charting library. v3.9 adds &lt;a href="https://react.statuscode.com/link/187158/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;new animations&lt;/a&gt; and a guide to using them.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/187159/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;RedwoodSDK 1.5&lt;/a&gt; – The Cloudflare-based server-first React framework adds Vite 8 support.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/187160/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native Reanimated 4.5&lt;/a&gt; – Declarative API for smooth animations.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/187161/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;ReactUse 1.0&lt;/a&gt; – A library of 160+ production-ready hooks.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/187162/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Mantine v9.4&lt;/a&gt; – Popular, extensive component suite.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px;"&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
    &lt;p&gt;📰 Classifieds&lt;/p&gt;
  &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;p&gt;🏢 &lt;a href="https://react.statuscode.com/link/187163/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Add org context to OAuth flows&lt;/a&gt;: users pick an org, clients get an org_id claim.&lt;/p&gt;
 
&lt;p&gt;⚛️ You compose React from components. Compose your AI backend the same way — agents as typed APIs, native TypeScript SDK, 100+ recipes. &lt;a href="https://react.statuscode.com/link/187164/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;→ Star on GitHub&lt;/a&gt;.&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0;"&gt;&lt;p&gt;📢  Elsewhere in the ecosystem&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/187165/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Deno 2.9&lt;/a&gt; has been released with the headline feature being &lt;a href="https://react.statuscode.com/link/187166/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;a way to create cross-platform desktop apps&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/187167/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Node.js v26.4 (Current)&lt;/a&gt; has been released with experimental support for &lt;a href="https://react.statuscode.com/link/187168/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;package maps&lt;/a&gt; which let Node resolve packages from a static JSON file rather than walking &lt;code&gt;node_modules&lt;/code&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;The &lt;a href="https://react.statuscode.com/link/187169/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;first preview release of &lt;code&gt;npm&lt;/code&gt; 12 is available&lt;/a&gt; if you want to get testing.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Ever struggled to understand what the &lt;a href="https://react.statuscode.com/link/187170/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;AT Protocol&lt;/a&gt; is and how it relates to Bluesky? Dan Abramov clears it up in &lt;a href="https://react.statuscode.com/link/187172/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;There Are No Instances in atproto&lt;/a&gt;, comparing atproto's architecture to RSS vs Mastodon's approach.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Sticking with atproto, Node's James M Snell ponders the possibility &lt;a href="https://react.statuscode.com/link/187174/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;of running the npm package system on AT Protocol.&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;🕹️ &lt;a href="https://react.statuscode.com/link/187175/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;A Quake port rendered entirely with CSS&lt;/a&gt; and DOM elements (no WebGL or canvas) – that's cool, right?&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
  &lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;




&lt;img src="https://react.statuscode.com/open/480/rss" width="1" height="1" /&gt;</description>
      <pubDate>Fri, 26 Jun 2026 00:00:00 +0000</pubDate>
      <guid>https://react.statuscode.com/issues/480</guid>
    </item>
    <item>
      <title>React Router v8 is boring but good</title>
      <link>https://react.statuscode.com/issues/479</link>
      <description>

  

    
    
  




&lt;table border=0 cellpadding=0 cellspacing=0 align="center" border="0"&gt;
  &lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em;"&gt;
  &lt;div&gt;    
    &lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;
&lt;td align="left" style="padding-left: 4px; font-size: 15px; line-height: 1.48em;"&gt;&lt;p&gt;#​479 — June 19, 2026&lt;/p&gt;&lt;/td&gt;
&lt;td align="right" style="padding-right: 4px; font-size: 15px; line-height: 1.48em;"&gt;&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186867/rss" style=" color: #3c2584;"&gt;Read on the Web&lt;/a&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;/table&gt;

      &lt;div style="color: #333;   "&gt;
        &lt;div style="font-size: 2.7em; font-weight: 400; line-height: 1.3em; margin-bottom: 0px;"&gt; React Status&lt;/div&gt;
      &lt;/div&gt;
    &lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em;"&gt;
  &lt;a href="https://react.statuscode.com/link/186819/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/xlwnqlc6bo8ugxfe8r2q.jpg" width="640" style="    line-height: 100%;    "&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186819/rss" title="remix.run" style=" color: #3c2584;    font-size: 1.1em; line-height: 1.4em;"&gt;React Router v8: An Intentionally 'Boring' Release&lt;/a&gt;&lt;/span&gt; — A round-up of the state of &lt;a href="https://react.statuscode.com/link/186820/rss" style=" color: #3c2584;   "&gt;React Router&lt;/a&gt;, all the new features since v7, v6 going EOL, and why to stick with React Router over the &lt;a href="https://react.statuscode.com/link/186821/rss" style=" color: #3c2584;   "&gt;new, shiny Remix&lt;/a&gt; when you need a proven solution. Sometimes 'boring' is just what your app needs!&lt;/p&gt;
  &lt;p&gt;Brooks Lybrand &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  &lt;a href="https://react.statuscode.com/link/186818/rss" style=" color: #3c2584;   "&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/2db62051.jpg" width="120" height="120" style="padding-top: 12px; padding-left: 12px;     line-height: 100%; "&gt;&lt;/a&gt;
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186818/rss" title="frontendmasters.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Free Claude Code Course from Anthropic + Master.Dev&lt;/a&gt;&lt;/span&gt; — Coding is changing fast, and the engineers who thrive will be the ones who direct AI instead of guessing at it. Lydia Hallie from Anthropic teaches exactly that in our Claude Code course, &lt;a href="https://react.statuscode.com/link/186818/rss" style=" color: #3c2584;   "&gt;now free for everyone&lt;/a&gt;.&lt;/p&gt;
  &lt;p&gt;Master.dev &lt;span style="text-transform: uppercase; margin-left: 4px; font-size: 0.9em;   color: #997 !important; padding: 1px 4px; "&gt;sponsor&lt;/span&gt;&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;p&gt;&lt;strong&gt;IN BRIEF:&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;The &lt;a href="https://react.statuscode.com/link/186823/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Rust-port of React Compiler&lt;/a&gt; has been merged!&lt;/strong&gt; Support is already landing in popular projects, like &lt;a href="https://react.statuscode.com/link/186824/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;in Next.js&lt;/a&gt; (already in &lt;a href="https://react.statuscode.com/link/186825/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;canary&lt;/a&gt;), &lt;a href="https://react.statuscode.com/link/186826/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Oxlint 1.70&lt;/a&gt;, &lt;a href="https://react.statuscode.com/link/186827/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;swc&lt;/a&gt; and &lt;a href="https://react.statuscode.com/link/186828/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Rolldown&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186829/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native 0.86&lt;/a&gt; has been released with edge-to-edge support on Android 15+ and DevTools improvements.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;WordPress announced it's &lt;a href="https://react.statuscode.com/link/186830/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;upgrading to React 19&lt;/a&gt; in WordPress 7.1, but &lt;a href="https://react.statuscode.com/link/186831/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;this has now been temporarily reverted&lt;/a&gt; due to plugin compatibility problems.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;📊 Expo has unveiled &lt;a href="https://react.statuscode.com/link/186832/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;a (free) open beta of &lt;em&gt;EAS Observe&lt;/em&gt;&lt;/a&gt;, its performance monitoring/observability service for React Native apps.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;The &lt;a href="https://react.statuscode.com/link/186833/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;release candidate of TypeScript 7.0&lt;/a&gt; has been released.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186834/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Can Signals Make &lt;em&gt;React Redux&lt;/em&gt; Faster at Scale?&lt;/a&gt;&lt;/span&gt; — A PR by Mark Erikson where he experiments with signals-based &lt;code&gt;SignalProvider&lt;/code&gt; and &lt;code&gt;useSignalSelector&lt;/code&gt; drop-ins that only re-run selectors for components whose state actually changed, with some noteworthy performance gains.&lt;/p&gt;
  &lt;p&gt;Mark Erikson &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186835/rss" title="wasp.sh" style=" color: #3c2584;    font-size: 1.05em;"&gt;Wasp Now Lets You Write Your Full-Stack Logic as a TypeScript Spec&lt;/a&gt;&lt;/span&gt; — The ‘batteries-included’ React, Node and Prisma &lt;a href="https://react.statuscode.com/link/186836/rss" style=" color: #3c2584;   "&gt;Wasp&lt;/a&gt; full-stack framework has switched its spec layer from its own custom language to TypeScript. Specify the shape of your app &lt;a href="https://react.statuscode.com/link/186837/rss" style=" color: #3c2584;   "&gt;like this&lt;/a&gt; and Wasp compiles it, with your frontend/backend code, into a full-stack app.&lt;/p&gt;
  &lt;p&gt;Martin Sosic (Wasp) &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186838/rss" title="www.tigerdata.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;That Stale Dashboard Isn't a React Problem&lt;/a&gt;&lt;/span&gt; — Real-time components need real-time data. Tiger Data keeps your Postgres queries fresh without pipelines or polling.&lt;/p&gt;
  &lt;p&gt;Tiger Data (creators of TimescaleDB) &lt;span style="text-transform: uppercase; margin-left: 4px; font-size: 0.9em;   color: #997 !important; padding: 1px 4px; "&gt;sponsor&lt;/span&gt;&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/186839/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;TanStack Start: A Mental Model for Next.js Developers&lt;/a&gt; – Maps TanStack Start onto Next.js concepts with side-by-side code comparisons. &lt;cite&gt;Adarsha Acharya&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/186840/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;How We Cut Slow Responses by 80% Migrating to Next.js App Router&lt;/a&gt; – A classifieds site moved from Pages Router to App Router, cut slow responses, and tackled some Nginx and Akamai HTML streaming gotchas. &lt;cite&gt;Francesca Milan (Subito)&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/186841/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;When React Hooks Stop Scaling: Moving Complex State to Zustand&lt;/a&gt;  &lt;cite&gt;Oren Farhi&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/186842/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;TypeScript Performance in TanStack Table V9&lt;/a&gt;  &lt;cite&gt;Kevin Van Cott&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/186843/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native Needs a New Video Player&lt;/a&gt;  &lt;cite&gt;Joshua Alphonse&lt;/cite&gt;&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0;"&gt;&lt;p&gt;🛠  Code, Tools &amp;amp; Libraries&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em;"&gt;
  &lt;a href="https://react.statuscode.com/link/186844/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/uxi7ogpottz1lt23kr1u.jpg" width="640" style="    line-height: 100%;      "&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186844/rss" title="marketplace.visualstudio.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;React Props First: Prioritize JSX &amp;amp; TSX Props in VS Code Autocomplete&lt;/a&gt;&lt;/span&gt; — A VS Code extension that reorders JSX and TSX autocomplete so component-specific props appear before inherited DOM and ARIA attributes. &lt;a href="https://react.statuscode.com/link/186845/rss" style=" color: #3c2584;   "&gt;GitHub repo.&lt;/a&gt;&lt;/p&gt;
  &lt;p&gt;Yurii &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186846/rss" title="base-ui.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Base UI 1.6: Unstyled UI Components for React&lt;/a&gt;&lt;/span&gt; — A successor to Radix (by the same creators) for building UIs in your own style atop a strong foundation (&lt;code&gt;shadcn/ui&lt;/code&gt; now &lt;a href="https://react.statuscode.com/link/186847/rss" style=" color: #3c2584;   "&gt;builds on top of it&lt;/a&gt;, too). &lt;a href="https://react.statuscode.com/link/186848/rss" style=" color: #3c2584;   "&gt;See all the components here&lt;/a&gt; with code samples. v1.6 introduces &lt;a href="https://react.statuscode.com/link/186849/rss" style=" color: #3c2584;   "&gt;a one-time password component&lt;/a&gt;, improves the &lt;a href="https://react.statuscode.com/link/186850/rss" style=" color: #3c2584;   "&gt;Drawer&lt;/a&gt;, and the docs were redesigned.&lt;/p&gt;
  &lt;p&gt;Base UI Team &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186851/rss" title="www.react.doctor" style=" color: #3c2584;    font-size: 1.05em;"&gt;React Doctor as a GitHub Action for Automatic Reviews&lt;/a&gt;&lt;/span&gt; — &lt;a href="https://react.statuscode.com/link/186852/rss" style=" color: #3c2584;   "&gt;React Doctor&lt;/a&gt; is a CLI tool that scans React codebases for issues, returning a list of said issues and a score out of 100. Here’s how to set it up on GitHub Actions.&lt;/p&gt;
  &lt;p&gt;Million Software, Inc. &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px;"&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
    &lt;p&gt;📰 Classifieds&lt;/p&gt;
  &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;p&gt;Flaky tests slowing down dev? &lt;a href="https://react.statuscode.com/link/186853/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Meticulous&lt;/a&gt; gives engineers confidence to ship faster by autonomously testing every edge case of your web app.&lt;/p&gt;
 
&lt;p&gt;🚀 &lt;a href="https://react.statuscode.com/link/186854/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;&lt;code&gt;clerk deploy&lt;/code&gt; walks your app to production&lt;/a&gt;: instance clone, DNS setup, OAuth credentials, SSL check. Guided, resumable, and &lt;a href="https://react.statuscode.com/link/186854/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;available now&lt;/a&gt;.&lt;/p&gt;
 
&lt;p&gt;React review changed when AI started writing the JSX. &lt;a href="https://react.statuscode.com/link/186855/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;AgentField&lt;/a&gt; breaks down the four jobs of code review - and which three get harder once AI writes the diff. &lt;a href="https://react.statuscode.com/link/186855/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;→ Read the post&lt;/a&gt;.&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em;"&gt;
  &lt;a href="https://react.statuscode.com/link/186856/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/cu3lkurhu6bqogc16s9h.jpg" width="640" style="    line-height: 100%;      "&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186856/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Flow Smart Edge 4.9&lt;/a&gt; &lt;em&gt;(above)&lt;/em&gt; – A custom 'edge' type for &lt;a href="https://react.statuscode.com/link/186857/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Flow&lt;/a&gt; that uses A* pathfinding and never intersects with other nodes.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186858/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Ink 7.1&lt;/a&gt; – The popular TUI renderer &lt;a href="https://react.statuscode.com/link/186859/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;adds &lt;code&gt;suspendTerminal()&lt;/code&gt;&lt;/a&gt; for temporarily handing the terminal over to a child process (like an editor, say).&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;📱 &lt;a href="https://react.statuscode.com/link/186860/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Voltra 2.0&lt;/a&gt; – Build Live Activities &amp;amp; widgets in iOS/Android React Native apps. &lt;a href="https://react.statuscode.com/link/186861/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;v2.0&lt;/a&gt; no longer requires Expo Modules.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186862/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;StyleX 0.19.0&lt;/a&gt; – Meta's styling system adds a new package for inline atomic styles, plus ESLint 10 compatibility.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186863/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;MUI X 9.6&lt;/a&gt; – The popular component suite rolls out bug fixes and improvements to radial bar charts.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;📊 &lt;a href="https://react.statuscode.com/link/186864/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;react-plotly.js 4.0&lt;/a&gt; – Component for rendering interactive &lt;a href="https://react.statuscode.com/link/186865/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Plotly&lt;/a&gt; charts.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186866/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Aria 1.19.0&lt;/a&gt; – Adobe's accessible component suite.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
  &lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;




&lt;img src="https://react.statuscode.com/open/479/rss" width="1" height="1" /&gt;</description>
      <pubDate>Fri, 19 Jun 2026 00:00:00 +0000</pubDate>
      <guid>https://react.statuscode.com/issues/479</guid>
    </item>
    <item>
      <title>facebook/react is out, react/react is in</title>
      <link>https://react.statuscode.com/issues/478</link>
      <description>

  

    
    
  




&lt;table border=0 cellpadding=0 cellspacing=0 align="center" border="0"&gt;
  &lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em;"&gt;
  &lt;div&gt;    
    &lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;
&lt;td align="left" style="padding-left: 4px; font-size: 15px; line-height: 1.48em;"&gt;&lt;p&gt;#​478 — June 12, 2026&lt;/p&gt;&lt;/td&gt;
&lt;td align="right" style="padding-right: 4px; font-size: 15px; line-height: 1.48em;"&gt;&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186565/rss" style=" color: #3c2584;"&gt;Read on the Web&lt;/a&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;/table&gt;

      &lt;div style="color: #333;   "&gt;
        &lt;div style="font-size: 2.7em; font-weight: 400; line-height: 1.3em; margin-bottom: 0px;"&gt; React Status&lt;/div&gt;
      &lt;/div&gt;
    &lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em;"&gt;
  &lt;a href="https://react.statuscode.com/link/186521/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/zaju0v6agbfn2fezvpdc.jpg" width="640" style="    line-height: 100%;    "&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186521/rss" title="www.robinwieruch.de" style=" color: #3c2584;    font-size: 1.1em; line-height: 1.4em;"&gt;React Libraries and Tools for 2026&lt;/a&gt;&lt;/span&gt; — Each year, Robin updates his opinionated list of essential React ecosystem libraries. As always, he runs the gamut, from how to spin up a new React app, through to UI, animation, and form libraries, testing, i18n, state management, and more.&lt;/p&gt;
  &lt;p&gt;Robin Wieruch &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  &lt;a href="https://react.statuscode.com/link/186520/rss" style=" color: #3c2584;   "&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/baa20fa9.png" width="110" height="110" style="padding-top: 12px; padding-left: 12px;     line-height: 100%; "&gt;&lt;/a&gt;
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186520/rss" title="www.meticulous.ai" style=" color: #3c2584;    font-size: 1.05em;"&gt;Still Writing Tests Manually? Meticulous AI Is Here&lt;/a&gt;&lt;/span&gt; — Notion, Dropbox, Wiz and LaunchDarkly now use a testing paradigm they can’t work without. Built by former Palantir engineers, Meticulous automatically creates an evolving suite of E2E UI tests, delivering exhaustive coverage with no developer effort.&lt;/p&gt;
  &lt;p&gt;Meticulous &lt;span style="text-transform: uppercase; margin-left: 4px; font-size: 0.9em;   color: #997 !important; padding: 1px 4px; "&gt;sponsor&lt;/span&gt;&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186522/rss" title="react.foundation" style=" color: #3c2584;    font-size: 1.05em;"&gt;The React Foundation's New Website and...&lt;/a&gt;&lt;/span&gt; — The &lt;em&gt;React Foundation&lt;/em&gt; &lt;a href="https://react.statuscode.com/link/186523/rss" style=" color: #3c2584;   "&gt;launched in February&lt;/a&gt; taking over the ownership and management of React from Meta. All the pieces are continuing to come together with this new site, and &lt;strong&gt;&lt;a href="https://react.statuscode.com/link/186524/rss" style=" color: #3c2584;   "&gt;&lt;code&gt;facebook/react&lt;/code&gt; now forwards to &lt;code&gt;react/react&lt;/code&gt;&lt;/a&gt; on GitHub&lt;/strong&gt; too.&lt;/p&gt;
  &lt;p&gt;The Linux Foundation &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;p&gt;&lt;strong&gt;IN BRIEF:&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;🤖 The framework and provider-agnostic AI toolkit &lt;a href="https://react.statuscode.com/link/186525/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;TanStack AI is now in beta&lt;/a&gt;, as is &lt;a href="https://react.statuscode.com/link/186527/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;TanStack Table v9&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Remco Haszing has proposed &lt;a href="https://react.statuscode.com/link/186529/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;returning a disposable from &lt;code&gt;useEffect&lt;/code&gt; and &lt;code&gt;useLayoutEffect&lt;/code&gt;&lt;/a&gt; instead of a callback function.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186531/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native 0.86.0&lt;/a&gt; has been released, as has &lt;a href="https://react.statuscode.com/link/186533/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native Windows v0.83&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186535/rss" title="sighery.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Stripping Ads from the Kindle's React Native Homepage&lt;/a&gt;&lt;/span&gt; — TIL Amazon has been moving the Kindle device UI to React Native. That opens up some interesting Hermes-bytecode-level reverse-engineering opportunities.&lt;/p&gt;
  &lt;p&gt;Nicholas Tarta &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/186537/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Building an Active &lt;code&gt;NavLink&lt;/code&gt; Component in Next.js&lt;/a&gt; – A very comprehensive walkthrough. &lt;cite&gt;Aurora Scharff&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/186539/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;The Best Loading States Are No Loading States&lt;/a&gt; – Skip the skeletons: preload before navigation, then transition when ready. &lt;cite&gt;Jenna Smith&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/186541/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;When React Parent Components Need to Know Their Children&lt;/a&gt;  &lt;cite&gt;Jay Freestone&lt;/cite&gt;&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0;"&gt;&lt;p&gt;🛠  Code, Tools &amp;amp; Libraries&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em;"&gt;
  &lt;a href="https://react.statuscode.com/link/186542/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/c9w5mttaisyanqcj3n5c.jpg" width="640" style="    line-height: 100%;      "&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;span&gt;📊&lt;/span&gt; &lt;a href="https://react.statuscode.com/link/186542/rss" title="visx.airbnb.tech" style=" color: #3c2584;    font-size: 1.05em;"&gt;visx 4.0: Airbnb's Visualization Primitives for React&lt;/a&gt;&lt;/span&gt; — &lt;em&gt;“If you know React, you can make visualizations.”&lt;/em&gt; The long-standing visualization component suite is back with full React 19 support. You can &lt;a href="https://react.statuscode.com/link/186543/rss" style=" color: #3c2584;   "&gt;see what all the components do here&lt;/a&gt;, and there’s an &lt;a href="https://react.statuscode.com/link/186544/rss" style=" color: #3c2584;   "&gt;upgrade guide&lt;/a&gt; for existing v3 users.&lt;/p&gt;
  &lt;p&gt;Airbnb &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186545/rss" title="try.expo.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;The Best Stack for a Money-Making Mobile App in 2026&lt;/a&gt;&lt;/span&gt; — Real monetization data, the mobile stack that actually ships, and why React Native apps drive more revenue than native.&lt;/p&gt;
  &lt;p&gt;Expo &lt;span style="text-transform: uppercase; margin-left: 4px; font-size: 0.9em;   color: #997 !important; padding: 1px 4px; "&gt;sponsor&lt;/span&gt;&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;span&gt;📃&lt;/span&gt; &lt;a href="https://react.statuscode.com/link/186546/rss" title="pdfslick.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;PDFSlick 4.0: View and Interact with PDF Documents&lt;/a&gt;&lt;/span&gt; — A full-featured PDF viewer &lt;a href="https://react.statuscode.com/link/186547/rss" style=" color: #3c2584;   "&gt;with React bindings&lt;/a&gt;. Built on PDF.js, it handles everything from simple viewing to annotations and juggling multiple large documents. &lt;a href="https://react.statuscode.com/link/186548/rss" style=" color: #3c2584;   "&gt;Demo.&lt;/a&gt;&lt;/p&gt;
  &lt;p&gt;Vancho Stojkov &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em;"&gt;
  &lt;a href="https://react.statuscode.com/link/186549/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/bokip5akj9lnpb2y87a5.jpg" width="640" style="    line-height: 100%;      "&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186550/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;bezier-easing-editor 1.1&lt;/a&gt; &lt;em&gt;(above)&lt;/em&gt; – React component for visually editing Bézier curves. &lt;a href="https://react.statuscode.com/link/186549/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Live demo.&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;📺 &lt;a href="https://react.statuscode.com/link/186551/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Lite YouTube Embed 3.6&lt;/a&gt; – A tiny, privacy-friendly way to embed YouTube videos without a performance hit.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186552/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;react-native-network-logger 3.0&lt;/a&gt; – HTTP traffic monitor/request logger for React Native with in-app viewer for iOS and Android.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186553/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;react-native-compressor 2.0&lt;/a&gt; – Compress images, videos and audio prior to upload, like many social apps do.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186554/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native Testing Library 14.0&lt;/a&gt; – Note that React 19+ and React Native 0.78+ are now required.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186555/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;react-redux-firebase 4.0&lt;/a&gt; – Redux bindings for Firebase. Now supports React 19.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186556/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;MUI (Material UI) 9.1.0&lt;/a&gt; – The component suite adds support for &lt;code&gt;prefers-reduced-motion&lt;/code&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px;"&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
    &lt;p&gt;📰 Classifieds&lt;/p&gt;
  &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;p&gt;📱 &lt;a href="https://react.statuscode.com/link/186557/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Clerk now ships prebuilt Org management for iOS and Android&lt;/a&gt;: account switching, member management, and invite flows — all native.&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0;"&gt;&lt;p&gt;📢  Elsewhere in the ecosystem&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em;"&gt;
  &lt;a href="https://react.statuscode.com/link/186558/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ik3o5cphjgwepp8vokto.jpg" width="640" style="    line-height: 100%;      "&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;😆 &lt;a href="https://react.statuscode.com/link/186558/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;performative-ui&lt;/a&gt; is a fun set of React components to &lt;em&gt;'signal how oversubscribed your funding round is'&lt;/em&gt; with all the AI company clichés, like &lt;a href="https://react.statuscode.com/link/186559/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;ASCII hero art&lt;/a&gt; and &lt;a href="https://react.statuscode.com/link/186560/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;node graph backgrounds&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Alistair Davidson writes about &lt;a href="https://react.statuscode.com/link/186561/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;how building an HTML-first site doubled user submissions overnight&lt;/a&gt; after a failed and expensive attempt with React.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;At WWDC this week, Apple &lt;a href="https://react.statuscode.com/link/186562/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;released the beta of Safari 27&lt;/a&gt; and it's packed with features, including customizable &lt;code&gt;&amp;lt;select&amp;gt;&lt;/code&gt; elements, scroll anchoring, and an all-new standards-compliant &lt;a href="https://react.statuscode.com/link/186563/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;ESM loader&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Get ready for your Electron apps to become faster! &lt;a href="https://react.statuscode.com/link/186564/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Electron 43 is now in beta&lt;/a&gt; with the main process booting from an embedded Node.js startup snapshot and bundles cached as V8 bytecode.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
  &lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;




&lt;img src="https://react.statuscode.com/open/478/rss" width="1" height="1" /&gt;</description>
      <pubDate>Fri, 12 Jun 2026 00:00:00 +0000</pubDate>
      <guid>https://react.statuscode.com/issues/478</guid>
    </item>
    <item>
      <title>Every TanStack project all at once</title>
      <link>https://react.statuscode.com/issues/477</link>
      <description>

  

    
    
  




&lt;table border=0 cellpadding=0 cellspacing=0 align="center" border="0"&gt;
  &lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em;"&gt;
  &lt;div&gt;    
    &lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;
&lt;td align="left" style="padding-left: 4px; font-size: 15px; line-height: 1.48em;"&gt;&lt;p&gt;#​477 — June 5, 2026&lt;/p&gt;&lt;/td&gt;
&lt;td align="right" style="padding-right: 4px; font-size: 15px; line-height: 1.48em;"&gt;&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186260/rss" style=" color: #3c2584;"&gt;Read on the Web&lt;/a&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;/table&gt;

      &lt;div style="color: #333;   "&gt;
        &lt;div style="font-size: 2.7em; font-weight: 400; line-height: 1.3em; margin-bottom: 0px;"&gt; React Status&lt;/div&gt;
      &lt;/div&gt;
    &lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em;"&gt;
  &lt;a href="https://react.statuscode.com/link/186224/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ezbozrzpomsqiyxqrqs6.jpg" width="640" style="    line-height: 100%;    "&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186224/rss" title="performance.dev" style=" color: #3c2584;    font-size: 1.1em; line-height: 1.4em;"&gt;The Conductor Rewrite: What They Changed to Make It Fast&lt;/a&gt;&lt;/span&gt; — A founder interview turned React performance teardown on how &lt;a href="https://react.statuscode.com/link/186225/rss" style=" color: #3c2584;   "&gt;Conductor&lt;/a&gt;, a Mac app for coordinating coding agents, got 2x faster. It walks through a re-render trap, routing choices, and virtualization work on its chat view that added up to the win. I loved seeing the entire stack listed out too.&lt;/p&gt;
  &lt;p&gt;Dennis Brotzky &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;&lt;p&gt;💡 The author previously did &lt;a href="https://react.statuscode.com/link/186261/rss" style=" color: #3c2584; font-weight: 600;"&gt;a similar breakdown of Linear&lt;/a&gt;.&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186227/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;The Rust Port of &lt;em&gt;React Compiler&lt;/em&gt; is Nearly Ready to Go&lt;/a&gt;&lt;/span&gt; — Rick, of the React core team, notes Meta has been testing it, seen ‘great results’, and it’s likely to be merged in the next week or two. You can test it now.&lt;/p&gt;
  &lt;p&gt;Hanlon, Savona, et al. &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  &lt;a href="https://react.statuscode.com/link/186223/rss" style=" color: #3c2584;   "&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/a26f6648.jpg" width="210" height="79" style="padding-top: 12px; padding-left: 12px;     line-height: 100%; "&gt;&lt;/a&gt;
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186223/rss" title="blog.sentry.io" style=" color: #3c2584;    font-size: 1.05em;"&gt;Next.js + Supabase: Catch N+1 Queries Before Users Do&lt;/a&gt;&lt;/span&gt; — Learn how you can use one trace from your Next.js page load through the API route, into the Edge Function, down to the Postgres query. Auto-detect N+1 queries, drain Supabase logs into Sentry, and let Seer suggest fixes for new issues.&lt;/p&gt;
  &lt;p&gt;Sentry &lt;span style="text-transform: uppercase; margin-left: 4px; font-size: 0.9em;   color: #997 !important; padding: 1px 4px; "&gt;sponsor&lt;/span&gt;&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;p&gt;&lt;strong&gt;IN BRIEF:&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186228/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React 19.2.7&lt;/a&gt;, &lt;a href="https://react.statuscode.com/link/186262/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;19.1.8&lt;/a&gt; and &lt;a href="https://react.statuscode.com/link/186229/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;19.0.7&lt;/a&gt; have been released to fix a regression in Server Actions.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Lovable, a popular AI-powered site builder, has &lt;a href="https://react.statuscode.com/link/186230/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;switched to TanStack Start by default&lt;/a&gt; for all its &lt;s&gt;AI&lt;/s&gt;user-created apps, and explains why.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;In two new releases this week, &lt;code&gt;shadcn/ui&lt;/code&gt; has added &lt;a href="https://react.statuscode.com/link/186231/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;an &lt;code&gt;eject&lt;/code&gt; command&lt;/a&gt; to inline shadcn's Tailwind code into your own CSS, and the ability to &lt;a href="https://react.statuscode.com/link/186232/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;use public GitHub repos as registries&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;🔒 There are new versions of React Router v7 (7.16.0), v6 (6.30.4) and Remix 2 (2.17.5) to fix &lt;a href="https://react.statuscode.com/link/186233/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;seven vulnerabilities&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186234/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;VoidZero&lt;/a&gt;, the company behind Vite, Vitest, Rolldown, Oxc, and Vite+, &lt;a href="https://react.statuscode.com/link/186235/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;is joining Cloudflare.&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;▶  &lt;a href="https://react.statuscode.com/link/186236/rss" title="www.youtube.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;All 17 TanStack Projects in One App&lt;/a&gt;&lt;/span&gt; — &lt;a href="https://react.statuscode.com/link/186237/rss" style=" color: #3c2584;   "&gt;TanStack&lt;/a&gt; now offers a huge suite of projects and libraries (Start, Form, Router, etc.) and this is a surprisingly good way to see what they all do in just 14 minutes.&lt;/p&gt;
  &lt;p&gt;Jack Herrington &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186238/rss" title="neciudan.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;Everything You Need to Know About Source Maps&lt;/a&gt;&lt;/span&gt; — &lt;a href="https://react.statuscode.com/link/186239/rss" style=" color: #3c2584;   "&gt;Source maps&lt;/a&gt; map between original source code and its minified/transformed version and are handy when debugging. Be careful to not let them expose your codebase, though…&lt;/p&gt;
  &lt;p&gt;Neciu Dan &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186240/rss" title="www.tigerdata.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;React Query Can't Fix a Slow Analytics Query&lt;/a&gt;&lt;/span&gt; — Blame the database, not the component. TimescaleDB extends Postgres so analytics stay fast at scale. &lt;a href="https://react.statuscode.com/link/186240/rss" style=" color: #3c2584;   "&gt;$1000 credit&lt;/a&gt;&lt;/p&gt;
  &lt;p&gt;Tiger Data (creators of TimescaleDB) &lt;span style="text-transform: uppercase; margin-left: 4px; font-size: 0.9em;   color: #997 !important; padding: 1px 4px; "&gt;sponsor&lt;/span&gt;&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/186241/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Component Architecture for React Server Components&lt;/a&gt; – An exploration of how RSCs let you improve your page architecture. &lt;cite&gt;Aurora Scharff&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/186242/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Things I Learned While Building Expo&lt;/a&gt; – Evan’s been at Expo since the early days and created Expo Router, but he’s now leaving. &lt;cite&gt;Evan Bacon&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/186243/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;How We Cut Build Times by Two-Thirds by Deleting Our CMS&lt;/a&gt; – A Gatsby to Astro migration. &lt;cite&gt;Eli Lennox (Sentry)&lt;/cite&gt;&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0;"&gt;&lt;p&gt;🛠  Code, Tools &amp;amp; Libraries&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em;"&gt;
  &lt;a href="https://react.statuscode.com/link/186244/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/qunwaqog39wgicotatxq.jpg" width="640" style="        line-height: 100%;  "&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186244/rss" title="react-spectrum.adobe.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;React Spectrum 1.4: Adobe's Complete React Design System&lt;/a&gt;&lt;/span&gt; — The &lt;a href="https://react.statuscode.com/link/186245/rss" style=" color: #3c2584;   "&gt;homepage&lt;/a&gt; does a great job of selling it, but Spectrum is a spectacular toolkit for building a high quality experience. v1.4 adds drag-and-drop support for collection components, highlight selection and &lt;code&gt;TableFooter&lt;/code&gt; in &lt;code&gt;TableView&lt;/code&gt;, and more.&lt;/p&gt;
  &lt;p&gt;Adobe &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186246/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;react-call 2.0: Turn a Component Into Something You Can &lt;code&gt;await&lt;/code&gt;&lt;/a&gt;&lt;/span&gt; — Lets you treat a React component like an async function. Ideal for imperative things with obvious return values like pickers, confirmations, and dialogs. v2 adds more options plus HMR persistence.&lt;/p&gt;
  &lt;p&gt;Ismael Ramon &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186247/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;You Might Not Need An Effect 1.0: Catch Effect Anti-Patterns&lt;/a&gt;&lt;/span&gt; — An ESLint/Oxlint plugin to catch when you might not need an Effect in React. If you’d rather do it by hand, though, &lt;a href="https://react.statuscode.com/link/186248/rss" style=" color: #3c2584;   "&gt;the React docs explain all.&lt;/a&gt;&lt;/p&gt;
  &lt;p&gt;Nick van Dyke &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;span&gt;🍪&lt;/span&gt; &lt;a href="https://react.statuscode.com/link/186249/rss" title="c15t.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;c15t 2.0: Fast Consent Banners for React Apps&lt;/a&gt;&lt;/span&gt; — For when you need to add consent banners to your app that render as quickly as possible, keeping both the regulators happy and your users reassured.&lt;/p&gt;
  &lt;p&gt;Inth &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186250/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Mantine 9.3&lt;/a&gt; – The huge component suite adds a responsive layout option for pagination, text-wrap controls, a hook for resizable split-panes, a way to create in-situ context menus, and more.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186251/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Constate 4.0&lt;/a&gt; – Local state manager that uses hooks and Context. Now ESM-only.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186252/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Gantt 2.7&lt;/a&gt; – A component for the popular timeline visualization approach.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186253/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Ink 7.0.5&lt;/a&gt; – A bug fix release for the popular React TUI renderer.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/186254/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;MUI X 9.4&lt;/a&gt;, &lt;a href="https://react.statuscode.com/link/186255/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;pnpm 11.5&lt;/a&gt;, &lt;a href="https://react.statuscode.com/link/186256/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Email 6.5&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px;"&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
    &lt;p&gt;📰 Classifieds&lt;/p&gt;
  &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;p&gt;Flaky tests slowing down dev? &lt;a href="https://react.statuscode.com/link/186257/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Meticulous&lt;/a&gt; gives engineers confidence to ship faster by autonomously testing every edge case of your web app.&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0;"&gt;&lt;p&gt;📡  And one for the future..&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em;"&gt;
  &lt;a href="https://react.statuscode.com/link/186258/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ihrldmlx7alp5tnnoja6.jpg" width="640" style="    line-height: 100%;      "&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/186258/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Liquid DOM: &lt;em&gt;Liquid Glass&lt;/em&gt; for the Web&lt;/a&gt;&lt;/span&gt; — A striking implementation of Apple-style ‘liquid glass’, with React bindings. You need WebGPU and the experimental &lt;a href="https://react.statuscode.com/link/186259/rss" style=" color: #3c2584;   "&gt;HTML-in-Canvas API&lt;/a&gt; enabled to get the most from it, but it’s a neat look into the (near) future of browser capabilities.&lt;/p&gt;
  &lt;p&gt;Andrew Prifer &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
  &lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;




&lt;img src="https://react.statuscode.com/open/477/rss" width="1" height="1" /&gt;</description>
      <pubDate>Fri, 5 Jun 2026 00:00:00 +0000</pubDate>
      <guid>https://react.statuscode.com/issues/477</guid>
    </item>
  </channel>
</rss>
