<?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>Redux Toolkit's road to 3.0</title>
      <link>https://react.statuscode.com/issues/496</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;#​496 — November 6, 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/192600/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/192557/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ouvobggjw2zmigv3z8xx.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/192557/rss" title="www.theverge.com" style=" color: #3c2584;    font-size: 1.1em; line-height: 1.4em;"&gt;Discord Dropping Electron &lt;em&gt;and&lt;/em&gt; React Native for a Rust Rewrite&lt;/a&gt;&lt;/span&gt; — Discord, one of React Native's best-known users, is moving away, with its CTO 𝕏 &lt;a href="https://react.statuscode.com/link/192558/rss" style=" color: #3c2584;   "&gt;showing off a Rust desktop client&lt;/a&gt; built on GPUI using 290MB of RAM, with mobile keeping native UI over Rust code shared with the desktop client.&lt;/p&gt;
  &lt;p&gt;Tom Warren (The Verge) &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;▶️ Just prior to this reveal, Software Mansion interviewed Discord's Chas Jhin about how React Native development works at Discord's scale, in the ominously titled &lt;a href="https://react.statuscode.com/link/192559/rss" style=" color: #3c2584; font-weight: 600;"&gt;'Maybe React Native Is Impossible'&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;a href="https://react.statuscode.com/link/192556/rss" style=" color: #3c2584;   "&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/01c20d97.png" width="130" height="130" 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/192556/rss" title="master.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;Run AI Coding Models on Your Own Machine&lt;/a&gt;&lt;/span&gt; — Local models are now good enough for everyday coding. Learn to run them on your own Mac or GPU, wire them into your editor and terminal agents, and keep your code private with no per-token bill.&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;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/192560/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;A Roadmap for Redux Toolkit v2.x and 3.0&lt;/a&gt;&lt;/span&gt; — Mark Erikson has laid out the roadmap for Redux (complete with a neat history lesson) with RTK 3.0 expected in six to eight months, going ESM-only with 'React 19-scale' breaking changes. But a run of 2.x releases will ship the groundwork first, starting with &lt;a href="https://react.statuscode.com/link/192561/rss" style=" color: #3c2584;   "&gt;2.14&lt;/a&gt; this week.&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;strong&gt;IN BRIEF:&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;⚠️ Update to Next.js 16.4.5 or 15.5.29, as appropriate: &lt;a href="https://react.statuscode.com/link/192562/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;the November security release&lt;/a&gt; fixes seven advisories. Most are Cache Components bugs, so the post is worth reading.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;🤖 TanStack Query maintainer Dominik Dorfmeister says &lt;a href="https://react.statuscode.com/link/192563/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;work on Query v6 can start once 'slop PRs' stop coming in&lt;/a&gt; and taking up his time, leading to a thread on the effects of AI-made contributions on maintainers.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Vercel is &lt;a href="https://react.statuscode.com/link/192564/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;folding Next.js's Data Cache into Runtime Cache&lt;/a&gt; with bigger allocations but… new per-read and per-write pricing. Hobby teams migrate on November 29, but &lt;a href="https://react.statuscode.com/link/192565/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;check the dates and prices&lt;/a&gt; for your use case.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Vercel builds also now &lt;a href="https://react.statuscode.com/link/192566/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;block known-malicious npm package versions&lt;/a&gt; before and during install, on all plans and with no configuration needed.&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/192567/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Next.js is Prototyping Go(lang) Route Handlers&lt;/a&gt;&lt;/span&gt; — A merged experimental PR lets an App Router route be a &lt;code&gt;route.go&lt;/code&gt; file exporting &lt;code&gt;GET&lt;/code&gt; and friends, compiled by Turbopack and run in supervised Go-powered workers. Tim says Rust could follow along the same path.&lt;/p&gt;
  &lt;p&gt;Tim Neutkens (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;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/192568/rss" title="www.alexandretrotel.org" style=" color: #3c2584;    font-size: 1.05em;"&gt;Understanding React Internals: A Deep Dive&lt;/a&gt;&lt;/span&gt; — A seven-part, source-grounded tour of React's internals that, unusually, starts from the server end before getting to fibers, lanes and the commit phase.&lt;/p&gt;
  &lt;p&gt;Alexandre Trotel &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/192569/rss" title="developer.amazon.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Amazon's React Native-Based &lt;em&gt;Vega&lt;/em&gt; OS Hits 2.0&lt;/a&gt;&lt;/span&gt; — Vega, the React Native-based OS behind newer Fire TV devices, is out of beta. SDK 2.0 takes apps from RN 0.72 to 0.83, bringing the React Compiler and Hermes v1 into play. &lt;a href="https://react.statuscode.com/link/192570/rss" style=" color: #3c2584;   "&gt;The release notes&lt;/a&gt; go into more detail than the post.&lt;/p&gt;
  &lt;p&gt;Barak Schlosser (Amazon) &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/192571/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Why We Finally Left Next.js for TanStack Start&lt;/a&gt; – Production memory leaks in two Next.js 16.3 releases were the last straw. &lt;cite&gt;Harrison Milbradt&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/192572/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Writable Derived State: Stop Synchronizing State&lt;/a&gt; – Using &lt;code&gt;clientData ?? serverData&lt;/code&gt; instead of a &lt;code&gt;useEffect&lt;/code&gt; that wipes user edits on refetch. &lt;cite&gt;Corbin Crutchley&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/192574/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/bl5l2bsrtakodwasfc7d.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/192574/rss" title="" style=" color: #3c2584;    font-size: 1.05em;"&gt;Skullet: Skeleton Loading States Measured from Your Components&lt;/a&gt;&lt;/span&gt; — Hand it sample data and it renders your real component invisibly, measures everything, and draws a matching skeleton to reduce layout shifts when data arrives. The &lt;a href="https://react.statuscode.com/link/192575/rss" style=" color: #3c2584;   "&gt;docs&lt;/a&gt; have a neat &lt;a href="https://react.statuscode.com/link/192576/rss" style=" color: #3c2584;   "&gt;How it Works&lt;/a&gt; section explaining the technique.&lt;/p&gt;
  &lt;p&gt;Lochie Axon &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/192577/rss" title="v3.parceljs.org" style=" color: #3c2584;    font-size: 1.05em;"&gt;Parcel 3 Alpha: A Rust Rewrite with React Compiler, Tailwind and RSC&lt;/a&gt;&lt;/span&gt; — Parcel's core is now a Rust binary with no Node dependency, and the team reports cold builds up to 100x faster than v2. React Compiler (opt-in), Tailwind and MDX are built in, with RSC support in beta.&lt;/p&gt;
  &lt;p&gt;Devon Govett (Parcel) &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/192578/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Reticle: Let Coding Agents Verify Their Changes Against Your Running App&lt;/a&gt;&lt;/span&gt; — A dev-only SDK and MCP server so coding agents can drive your running app, inspect network requests, application state, and console activity, and return a pass, fail or 'can't tell' verdict with what needs fixing.&lt;/p&gt;
  &lt;p&gt;Reticle Labs &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/192579/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/pqjgb8mjxtsjhmrzjeis.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/192580/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;react-resizable-panels Gets a VS Code-Style &lt;code&gt;Workspace&lt;/code&gt; Component&lt;/a&gt;&lt;/span&gt; — Brian Vaughn's popular panel library now does dockable tabs you can drag to split or merge panes, and moved tabs keep their state rather than remounting. There's &lt;a href="https://react.statuscode.com/link/192579/rss" style=" color: #3c2584;   "&gt;a live demo here&lt;/a&gt;.&lt;/p&gt;
  &lt;p&gt;Brian Vaughn &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/192581/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Preact 11.2&lt;/a&gt; – Now has a &lt;a href="https://react.statuscode.com/link/192582/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;runtime for React Compiler output&lt;/a&gt; via &lt;code&gt;preact/compat&lt;/code&gt;, plus scoped custom element registries in shadow roots.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/192583/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;XState 6.0 Beta&lt;/a&gt; – &lt;em&gt;"No further breaking changes are planned"&lt;/em&gt; for public APIs, and &lt;a href="https://react.statuscode.com/link/192584/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;&lt;code&gt;@xstate/react&lt;/code&gt; 7&lt;/a&gt; is in beta alongside.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/192585/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;TanStack Redact 0.3&lt;/a&gt; – The lightweight, synchronous-only React / React DOM replacement adds browser SPA plugins for Webpack and Rspack.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/192586/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native 0.89 RC&lt;/a&gt; – Faster text layout and native module calls, legacy bridge APIs gone. Stable expected in December.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/192587/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Storybook 11.0 Beta&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;🤖 &lt;a href="https://react.statuscode.com/link/192588/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Fimo&lt;/a&gt; gives your marketers a visual editor and AI agents for SEO and GEO. No more tickets for your React devs. By the Strapi team.&lt;/p&gt;
 
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/192589/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;QVAC&lt;/a&gt; allows you to run any AI capabilities for free, on your phone or laptop, privately. &lt;a href="https://react.statuscode.com/link/192589/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Try the QVAC SDK now 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;James Long &lt;a href="https://react.statuscode.com/link/192590/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;has been reviving &lt;em&gt;Prepack&lt;/em&gt;&lt;/a&gt;, Facebook's abandoned JavaScript partial evaluator. There's a &lt;a href="https://react.statuscode.com/link/192591/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React demo&lt;/a&gt; where a pretend site is server rendered three ways, by React, by Prepack's output (which essentially 'compiles' React away), and a hybrid, with the render times to compare.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/192592/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Node.js 27 &lt;em&gt;Alpha&lt;/em&gt;&lt;/a&gt; has landed, the first version using Node's new &lt;a href="https://react.statuscode.com/link/192593/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;release process&lt;/a&gt; (where a release will spend six months in 'alpha' before going &lt;em&gt;Current&lt;/em&gt;), while &lt;a href="https://react.statuscode.com/link/192594/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Node 26&lt;/a&gt; is now the new LTS line.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Chrome 157 rolled out this week with &lt;a href="https://react.statuscode.com/link/192595/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;HTML-in-Canvas now stable&lt;/a&gt;. It provides a way to draw real DOM elements into 2D, WebGL and WebGPU canvases. &lt;a href="https://react.statuscode.com/link/192596/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;The demos&lt;/a&gt; are striking.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Vercel has released &lt;a href="https://react.statuscode.com/link/192597/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Geist Serif&lt;/a&gt;, a new serif font that shares metrics with &lt;a href="https://react.statuscode.com/link/192598/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Geist Sans&lt;/a&gt; so the two can mix cleanly. It's not on Google Fonts yet, but the &lt;a href="https://react.statuscode.com/link/192599/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;&lt;code&gt;geist&lt;/code&gt; npm package&lt;/a&gt; includes it.&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/496/rss" width="1" height="1" /&gt;</description>
      <pubDate>Fri, 6 Nov 2026 00:00:00 +0000</pubDate>
      <guid>https://react.statuscode.com/issues/496</guid>
    </item>
    <item>
      <title>TanStack's smaller React for the browser</title>
      <link>https://react.statuscode.com/issues/495</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;#​495 — October 30, 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/192254/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/192218/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/aanjymzij2eewsfnkhro.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;Putting MUI, Mantine, Ant Design&lt;br&gt;and React Spectrum Under Load&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;Den Odell wanted to see how popular design systems cope when you give them real work, &lt;a href="https://react.statuscode.com/link/192218/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;so he timed ten of them&lt;/a&gt;, including MUI, Mantine, Ant Design and React Spectrum, and profiled the slowest cases. &lt;em&gt;"Performance belongs on the design system team's priority list, next to accessibility,"&lt;/em&gt; he says. Some highlights:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;📊 With the CPU slowed 4x, opening a 249-country dropdown took 84ms in Mantine and 134ms in Ant Design, but over 200ms in MUI and React Spectrum, both of which froze the UI past his 100ms budget.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;🔍 React Spectrum's problem was React Aria measuring options one at a time and forcing layout for each. Den &lt;a href="https://react.statuscode.com/link/192219/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;filed an issue&lt;/a&gt; and &lt;a href="https://react.statuscode.com/link/192220/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;a fix is in review&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;⚖️ Framework alone didn't decide the results as non-React Ionic was by far the slowest to open (1,266ms) yet was quick at checking 100 checkboxes, while MUI handled them in 70ms compared to Ant Design's 421ms.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;🧪 Want to try this on your own components? &lt;a href="https://react.statuscode.com/link/192221/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Den's Playwright tests are available on GitHub&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;a href="https://react.statuscode.com/link/192217/rss" style=" color: #3c2584;   "&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/9acd8d7c.png" width="160" height="84" 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/192217/rss" title="try.expo.dev" style=" color: #3c2584;    font-size: 1.1em; line-height: 1.4em;"&gt;Agentic Mobile Development Needs Mobile AI Infrastructure&lt;/a&gt;&lt;/span&gt; — Your agent writes mobile screens fast. Getting them built and into the App Store is where it stalls. Expo is mobile AI infrastructure: native builds, store submits, over-the-air updates and workflows your agent can run. &lt;a href="https://react.statuscode.com/link/192217/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;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/192222/rss" title="tanstack.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;TanStack Redact: A Smaller React for the Browser&lt;/a&gt;&lt;/span&gt; — A drop-in replacement for React/React DOM in the browser. Add it to your build config (Start, Vite, Vinext and Next.js are supported) and ship less JavaScript. But it renders &lt;em&gt;synchronously&lt;/em&gt;, with no time slicing, so &lt;a href="https://react.statuscode.com/link/192223/rss" style=" color: #3c2584;   "&gt;the compatibility guide&lt;/a&gt; is handy.&lt;/p&gt;
  &lt;p&gt;Tanner Linsley &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;💬 Does Redact pay off? &lt;a href="https://react.statuscode.com/link/192224/rss" style=" color: #3c2584; font-weight: 600;"&gt;On r/reactjs&lt;/a&gt;, commenters pondered who needs it and how it differs from Preact, while &lt;a href="https://react.statuscode.com/link/192225/rss" style=" color: #3c2584; font-weight: 600;"&gt;one tester&lt;/a&gt; found re-renders cost about twice the CPU across two production sites.&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;⚠️ Next.js has &lt;a href="https://react.statuscode.com/link/192226/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;a security release scheduled for November 3&lt;/a&gt;, fixing seven medium-severity vulnerabilities. Advisories will be published with the patches.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Dan Abramov is &lt;a href="https://react.statuscode.com/link/192227/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;fuzzing React's Flight protocol&lt;/a&gt;, the format behind Server Components, by streaming random value graphs through the real server and client. It's turned up &lt;a href="https://react.statuscode.com/link/192228/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;six stream bugs&lt;/a&gt; and &lt;a href="https://react.statuscode.com/link/192229/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;three writer bugs&lt;/a&gt; so far.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/192230/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;TanStack AI 1.0&lt;/a&gt; is stable: a vendor-neutral AI toolkit with React hooks like &lt;code&gt;useChat()&lt;/code&gt;, 23 provider adapters and MCP support.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;📱 &lt;a href="https://react.statuscode.com/link/192231/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native Windows 0.85&lt;/a&gt; completes its move to the New Architecture, and there's more React Native on the desktop with &lt;a href="https://react.statuscode.com/link/192232/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Expo Desktop&lt;/a&gt; (an independent project – not by &lt;em&gt;Expo&lt;/em&gt;) and &lt;a href="https://react.statuscode.com/link/192233/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Legend Spark&lt;/a&gt; for macOS.&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/192234/rss" title="tabwidgets.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;&lt;code&gt;React.lazy&lt;/code&gt;, Suspense and the Hidden 300ms Startup Delay&lt;/a&gt;&lt;/span&gt; — A lazy component can suspend on its first render even when its code is already loaded, and React can throttle reveals of suspended content to once every 300ms. Here's how one team traced the delay, and what fixed it.&lt;/p&gt;
  &lt;p&gt;Matthew Wong (Tab Widgets) &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/192235/rss" title="tanstack.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;TanStack DB 1.0 RC1, and How 'Oracles' Found Its Bugs&lt;/a&gt;&lt;/span&gt; — The reactive client data layer is now API stable, but check &lt;a href="https://react.statuscode.com/link/192236/rss" style=" color: #3c2584;   "&gt;the migration guide&lt;/a&gt;, as mutation handlers, hooks and errors have changed. Kyle explains how agents, checked against simple reference models, found many of the bugs fixed.&lt;/p&gt;
  &lt;p&gt;Kyle Mathews (TanStack) &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/192237/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Ship Less JavaScript in Next.js with Your AI Agent&lt;/a&gt; – A new skill hunts bundle bloat using Turbopack's module graph. &lt;cite&gt;Will Binns-Smith (Vercel)&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/192238/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Porting 287,000 Lines of React to Foldkit in 3 Days&lt;/a&gt; – Focuses on how they built a harness to ensure visual and behavioral parity. &lt;cite&gt;David Granzin (Maple)&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/192239/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Async React and Progressive Server Actions&lt;/a&gt; – How to keep server action forms working before hydration, even with optimistic UI. &lt;cite&gt;Jacob Ebey&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📊 &lt;a href="https://react.statuscode.com/link/192240/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Compiler in Next.js 16.4: Babel vs Rust, Benchmarked&lt;/a&gt; &lt;cite&gt;Waseem Anjum&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/192241/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/xtwpcvsmvv8w2vtstmyq.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/192241/rss" title="puckeditor.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Puck 0.24: The Visual Page Editor for React&lt;/a&gt;&lt;/span&gt; — A drag-and-drop page editor you embed in your own app, using your own components. 0.24 lets you lay out a component's settings panel as you wish, improves drag and drop, and more. &lt;a href="https://react.statuscode.com/link/192242/rss" style=" color: #3c2584;   "&gt;GitHub repo.&lt;/a&gt;&lt;/p&gt;
  &lt;p&gt;Fede Bonel Tozzi &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/192243/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;&lt;code&gt;react-window&lt;/code&gt; 2.5: Virtualized Lists That Scroll with the Page&lt;/a&gt;&lt;/span&gt; — Brian's long-standing virtualization library adds a &lt;code&gt;scrollElement&lt;/code&gt; prop, so lists/grids can scroll along with the page or an ancestor, plus a headless &lt;code&gt;useVirtualizer()&lt;/code&gt; for building your own virtualized layouts. &lt;a href="https://react.statuscode.com/link/192244/rss" style=" color: #3c2584;   "&gt;Docs and demos&lt;/a&gt;.&lt;/p&gt;
  &lt;p&gt;Brian Vaughn &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/192245/rss" title="vinext.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;Vinext 1.4: The Vite-Powered Next.js Reimplementation Gets Faster&lt;/a&gt;&lt;/span&gt; — A Vite plugin that reimplements the Next.js API so you can deploy anywhere. 1.4 focuses on performance, with a &lt;em&gt;Hacker News&lt;/em&gt; clone example now using 43% less server CPU per request vs 1.3, putting it slightly ahead of Next.js in that test.&lt;/p&gt;
  &lt;p&gt;James Anderson &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/192246/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;OpenTUI 0.8&lt;/a&gt; – Terminal UI library with React bindings that powers &lt;a href="https://react.statuscode.com/link/192247/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;OpenCode&lt;/a&gt;. Now repaints only what changed each frame.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/192248/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Hook Form 7.91&lt;/a&gt; – Lots of &lt;code&gt;useFieldArray&lt;/code&gt; and async validation fixes, plus fewer re-renders. v8 is also now at beta 5.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/192249/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React-Toastify 11.2&lt;/a&gt; – Popular toast notification library. Now with &lt;code&gt;theme="auto"&lt;/code&gt; to follow the OS color scheme.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/192250/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;emoji-picker-react 5.1&lt;/a&gt; – Full-featured customizable emoji picker. &lt;a href="https://react.statuscode.com/link/192251/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Live demo&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: 0;"&gt;&lt;p&gt;🎃  And finally…&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/192252/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/mrytfwvqa2twlozoynlt.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;Halloween is almost upon us, so how about &lt;a href="https://react.statuscode.com/link/192252/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;a round of Graveyard Pinball&lt;/a&gt;? It's built with React Three Fiber, with skulls, cauldrons and a skeleton mage. Its creator &lt;a href="https://react.statuscode.com/link/192253/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;explains more about how it works here&lt;/a&gt;, including how the 3D table actually uses 2D physics.&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/495/rss" width="1" height="1" /&gt;</description>
      <pubDate>Fri, 30 Oct 2026 00:00:00 +0000</pubDate>
      <guid>https://react.statuscode.com/issues/495</guid>
    </item>
    <item>
      <title>TanStack Start is finally stable</title>
      <link>https://react.statuscode.com/issues/494</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;#​494 — October 23, 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/191925/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/191882/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ejihjkazanj4b02abevr.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;TanStack Start Reaches 1.0&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;After a year as a release candidate, &lt;a href="https://react.statuscode.com/link/191882/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;TanStack Start 1.0 is officially stable&lt;/a&gt;. Tanner Linsley explains how it grew out of &lt;em&gt;TanStack Router&lt;/em&gt;, and is candid about RSC, which felt like &lt;em&gt;"this box we had to check to be taken seriously as a React framework"&lt;/em&gt;, and which &lt;a href="https://react.statuscode.com/link/191926/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;tanstack.com&lt;/a&gt; itself no longer uses. Plus:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;📊 &lt;a href="https://react.statuscode.com/link/191883/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;The same app in Start and Next.js 16.4, benchmarked&lt;/a&gt; – &lt;em&gt;Start&lt;/em&gt; handled 2.9x-8.6x more dynamic requests and built ~1.7x faster with type-checking included.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;🚚 Moving over? There are official guides for &lt;a href="https://react.statuscode.com/link/191884/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;migrating from Next.js&lt;/a&gt; and &lt;a href="https://react.statuscode.com/link/191885/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;from the RC&lt;/a&gt;. Sarthak Mishra &lt;a href="https://react.statuscode.com/link/191886/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;moved his site over from Astro&lt;/a&gt; (and explains why) and Lovable offers older projects a migration option (&lt;a href="https://react.statuscode.com/link/191887/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;here's how one went&lt;/a&gt;).&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;💬 Ryan Carniato called it &lt;a href="https://react.statuscode.com/link/191888/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;&lt;em&gt;"a React metaframework with an architecture I can get behind"&lt;/em&gt;&lt;/a&gt;, while in &lt;a href="https://react.statuscode.com/link/191889/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;the r/reactjs thread&lt;/a&gt; Tanner explained why '1.0' is listed as &lt;code&gt;1.169&lt;/code&gt; on npm.&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;a href="https://react.statuscode.com/link/191927/rss" style=" color: #3c2584;   "&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/927c2926.png" 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/191927/rss" title="master.dev" style=" color: #3c2584;    font-size: 1.1em; line-height: 1.4em;"&gt;TypeScript in the Age of AI&lt;/a&gt;&lt;/span&gt; — Knowing TypeScript deeply is how you get better code out of AI. Adam Rackis of Spotify shows you how to steer AI toward simpler, correct types and catch the mistakes it slips in.&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;⚠️ Last week, &lt;a href="https://react.statuscode.com/link/191890/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Next.js patched two critical RCEs&lt;/a&gt;, one rooted in React Server Components, and &lt;a href="https://react.statuscode.com/link/191891/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;a public PoC&lt;/a&gt; is now out. Update Next.js to 16.4.1 or 15.5.28; for other RSC setups, update the &lt;code&gt;react-server-dom-*&lt;/code&gt; packages to 19.3.1 (or 19.2.9/19.1.10/19.0.9).&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/191892/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React DevTools for agents now has official docs&lt;/a&gt;, covering how it exposes profiling and component data to coding agents through Chrome DevTools MCP.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;📱 &lt;a href="https://react.statuscode.com/link/191893/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Expo SDK 58&lt;/a&gt; is out, using the new &lt;a href="https://react.statuscode.com/link/191894/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native 0.88&lt;/a&gt;, targeting iOS 27 and ready for the iPhone Duo on day one.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/191895/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native for Web has active maintainers again&lt;/a&gt; and is moving to the React Foundation's GitHub org.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/191896/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;TypeScript 7.1 is now in beta&lt;/a&gt;, adding a programmatic API and more speed. Type-checking MUI's docs is 1.9x faster and uses half the memory.&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/191897/rss" title="nextjs.org" style=" color: #3c2584;    font-size: 1.05em;"&gt;Improving Navigation Experience in v0 with Next.js 16.4&lt;/a&gt;&lt;/span&gt; — How the Next.js team used Partial Prefetching, intent-based prefetching and the new &lt;code&gt;navigation()&lt;/code&gt; API to cut loading skeletons across its &lt;a href="https://react.statuscode.com/link/191898/rss" style=" color: #3c2584;   "&gt;v0&lt;/a&gt; AI app builder.&lt;/p&gt;
  &lt;p&gt;Aurora Scharff (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;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/191899/rss" title="building.owner.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;React Only Where Needed: Owner's Next.js to Astro Move&lt;/a&gt;&lt;/span&gt; — Owner's 10,000+ restaurant sites now run on Astro and Cloudflare Workers, keeping React for interactive islands. Menu-page p75 LCP went from 5.4s to 0.7s.&lt;/p&gt;
  &lt;p&gt;Selden and Hanford (Owner) &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/191900/rss" title="tkdodo.eu" style=" color: #3c2584;    font-size: 1.05em;"&gt;Dead Code Shouldn't Exist&lt;/a&gt;&lt;/span&gt; — The slides and transcript from a popular talk Dominik has given at several conferences this year on how Sentry removed 28K lines of unused code with &lt;a href="https://react.statuscode.com/link/191901/rss" style=" color: #3c2584;   "&gt;Knip&lt;/a&gt;.&lt;/p&gt;
  &lt;p&gt;Dominik Dorfmeister &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/191902/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Testing AI-Generated Code: Lint the Pattern, Test the Decision&lt;/a&gt; – Structural lint rules and shared harnesses beat a test beside every component. &lt;cite&gt;Robin Wieruch&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📱 &lt;a href="https://react.statuscode.com/link/191903/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Apple Didn't Invent the Foldable. It Might Make You Support One.&lt;/a&gt; – Getting a React Native app ready for the iPhone Duo's three compatibility tiers. &lt;cite&gt;Sean Barker (Infinite Red)&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/191904/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Loading a 9MB WebAssembly Module Earlier Made Recraft's Editor 17% Faster&lt;/a&gt; – Suspending components left the module's download waiting its turn in the React tree. &lt;cite&gt;Sergey Patrakeev (Recraft)&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/191905/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/nishfkuexsqapfi2rcgp.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/191905/rss" title="pixelgui.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Pixel: Build Graphical Applications in the Terminal&lt;/a&gt;&lt;/span&gt; — Like &lt;em&gt;Ink&lt;/em&gt;, but with "pixel perfect" graphics. It's a React renderer that draws rounded corners, gradients and proper fonts in terminals that support the Kitty graphics protocol, and that can even embed Chromium WebViews to run web apps in a pane(!)&lt;/p&gt;
  &lt;p&gt;Rob Pruzan (Zenbu Labs) &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/191906/rss" title="tanstack.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;TanStack Hotkeys Beta: A Type-Safe Library for Keyboard Shortcuts&lt;/a&gt;&lt;/span&gt; — &lt;em&gt;Hotkeys&lt;/em&gt; takes care of the fiddly, cross-platform edge cases of keyboard shortcuts, sequences, and user-recorded hotkeys. The beta adds &lt;a href="https://react.statuscode.com/link/191907/rss" style=" color: #3c2584;   "&gt;scopes&lt;/a&gt;, so that, say, a dialog's &lt;code&gt;Escape&lt;/code&gt; doesn't close the panel behind it. Try the demo on the homepage.&lt;/p&gt;
  &lt;p&gt;TanStack &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/191908/rss" title="reactrouter.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;React Router 8.5 Hands View Transitions Over to React&lt;/a&gt;&lt;/span&gt; — Its own view transition APIs are deprecated in favor of React 19.3's &lt;code&gt;&amp;lt;ViewTransition&amp;gt;&lt;/code&gt;. &lt;a href="https://react.statuscode.com/link/191909/rss" style=" color: #3c2584;   "&gt;Migrating&lt;/a&gt; starts with wrapping an &lt;code&gt;&amp;lt;Outlet&amp;gt;&lt;/code&gt; and removing the old props and state styling. There's also an unstable &lt;a href="https://react.statuscode.com/link/191910/rss" style=" color: #3c2584;   "&gt;'API-only' mode&lt;/a&gt; that serves static HTML but keeps a server for loaders and actions.&lt;/p&gt;
  &lt;p&gt;Remix 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;"&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/191911/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1792586346/br715i8krli31hn0g9bi.png" 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/191911/rss" title="www.env.style" style=" color: #3c2584;    font-size: 1.05em;"&gt;env.style: Style Every Environment with Colors or Custom Icons&lt;/a&gt;&lt;/span&gt; — A utility that wraps your Next.js config or Vite setup to tint the favicon per environment at build time, so you can see at a glance where you are.&lt;/p&gt;
  &lt;p&gt;Ryan George &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/191912/rss" title="tamagui.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;Tamagui 3: One React UI Codebase for Web and Native&lt;/a&gt;&lt;/span&gt; — A styling system and UI kit for sharing one codebase between React web apps and React Native. v3 adds an opt-in (beta) C++ native runtime that applies theme changes without re-rendering, plus React Strict DOM and Tailwind-style syntax.&lt;/p&gt;
  &lt;p&gt;Nate Wienert &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/191913/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Hydrogen 2026.10&lt;/a&gt; – Shopify's commerce toolkit is now a library you can drop into existing Next.js or React Router apps.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/191914/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Morphicons 2.0&lt;/a&gt; – Spring-physics morphing between SVG icons. Now filled icons morph too, not just stroked ones. &lt;a href="https://react.statuscode.com/link/191915/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;See it in action on its homepage&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/191916/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Unistyles 3.6&lt;/a&gt; – High-performance React Native styling library. Now with an experimental zero-config Metro integration instead of the Babel plugin.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/191917/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Motion 14.6&lt;/a&gt; – Adds keyboard grab-and-move to &lt;code&gt;Reorder&lt;/code&gt; lists, plus &lt;code&gt;stepFrames&lt;/code&gt; for deterministic animation testing.&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;Build and deploy durable AI agents in TypeScript, without managing your own infrastructure. &lt;a href="https://react.statuscode.com/link/191918/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Ship your first agent with Trigger.dev&lt;/a&gt;.&lt;/p&gt;
 
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/191919/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Expo is mobile AI infrastructure&lt;/a&gt;: Your agents build, test and ship iOS and Android apps, and you approve what goes out. &lt;a href="https://react.statuscode.com/link/191919/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Try it&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;🎶  And finally… make a little noise&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/191920/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/dtm0yamwanrjkzjtlgke.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;Fancy making a little music with React? &lt;a href="https://react.statuscode.com/link/191920/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Strudel Flow 2&lt;/a&gt; is an open source React app built with &lt;a href="https://react.statuscode.com/link/191921/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Flow&lt;/a&gt; and &lt;code&gt;shadcn/ui&lt;/code&gt;. Connect instruments and effects to generate &lt;a href="https://react.statuscode.com/link/191922/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Strudel&lt;/a&gt; code, or load a community patch and start turning knobs.&lt;/p&gt;
&lt;p&gt;The &lt;a href="https://react.statuscode.com/link/191923/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;source code&lt;/a&gt; offers a neat extension point: define an instrument or effect in a small &lt;code&gt;.node.ts&lt;/code&gt; file, then supply a React component for a custom interface. As &lt;a href="https://react.statuscode.com/link/191924/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;the team says&lt;/a&gt;, &lt;em&gt;"coding is a fun thing to do for its own sake."&lt;/em&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;/div&gt;
  &lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;




&lt;img src="https://react.statuscode.com/open/494/rss" width="1" height="1" /&gt;</description>
      <pubDate>Fri, 23 Oct 2026 00:00:00 +0000</pubDate>
      <guid>https://react.statuscode.com/issues/494</guid>
    </item>
    <item>
      <title>Next.js 16.4, and a new way to visualize React apps</title>
      <link>https://react.statuscode.com/issues/493</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;#​493 — October 9, 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/191446/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;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;ℹ️ We're back from a week off, but we're taking next week off too, so will be back on Friday, October 23.&lt;br&gt;__&lt;br&gt;&lt;em&gt;Your editor, Peter Cooper&lt;/em&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/191402/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/fe3wu7d71nyuy9efyaox.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/191402/rss" title="julesblom.com" style=" color: #3c2584;    font-size: 1.1em; line-height: 1.4em;"&gt;A Visual Notation for React's Parent and Owner Trees&lt;/a&gt;&lt;/span&gt; — A proposed diagram notation for React apps that shows both where each element ends up (the parent tree) and which component created it (the owner tree), with marks for context, Suspense, memo, error boundaries and RSC. There's also &lt;a href="https://react.statuscode.com/link/191403/rss" style=" color: #3c2584;   "&gt;a playground&lt;/a&gt; that draws trees from code you paste in.&lt;/p&gt;
  &lt;p&gt;Jules Blom &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/191401/rss" style=" color: #3c2584;   "&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/4e4ce890.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/191401/rss" title="surveyjs.io" style=" color: #3c2584;    font-size: 1.05em;"&gt;React Form Builder with Full Control Over UI and Data&lt;/a&gt;&lt;/span&gt; — Build complex JSON-driven forms in React with a drag-and-drop builder. Configure validation and logic, customize themes and UI, connect to any backend, and keep form data in your own infrastructure.&lt;/p&gt;
  &lt;p&gt;SurveyJS &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/191404/rss" title="nextjs.org" style=" color: #3c2584;    font-size: 1.05em;"&gt;Next.js 16.4 Makes Cache Components the Recommended Default&lt;/a&gt;&lt;/span&gt; — The big news is &lt;a href="https://react.statuscode.com/link/191405/rss" style=" color: #3c2584;   "&gt;Cache Components&lt;/a&gt; is now recommended, and enabled by default if you use &lt;code&gt;create-next-app&lt;/code&gt;. &lt;a href="https://react.statuscode.com/link/191406/rss" style=" color: #3c2584;   "&gt;Agentic tooling&lt;/a&gt; gets some upgrades, and there are &lt;a href="https://react.statuscode.com/link/191407/rss" style=" color: #3c2584;   "&gt;smaller improvements&lt;/a&gt; for all apps.&lt;/p&gt;
  &lt;p&gt;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;&lt;strong&gt;IN BRIEF:&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;The React Foundation's working groups will meet in person for the first time at the &lt;a href="https://react.statuscode.com/link/191408/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Contributors Summit&lt;/a&gt; in London next month. It's invite-only, but contributors can &lt;a href="https://react.statuscode.com/link/191409/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;nominate themselves&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;📱 Following in Shopify's footsteps, &lt;a href="https://react.statuscode.com/link/191410/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Coinbase says it's moving its app off React Native&lt;/a&gt; too, repeating the &lt;em&gt;"AI coding agents have collapsed the cost of building a feature twice"&lt;/em&gt; idea and saying they can access new platform features sooner.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Barbara Markiewicz, formerly of Callstack, &lt;a href="https://react.statuscode.com/link/191411/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;𝕏 has joined the React Foundation&lt;/a&gt; as its Director of Community.&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/191412/rss" title="jimmyhmiller.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Can We Make React Faster Using the React Compiler?&lt;/a&gt;&lt;/span&gt; — Digs into the React Compiler’s output, then prototypes extra compiler passes like inlining, blocks and selector inference to see how much faster React could get.&lt;/p&gt;
  &lt;p&gt;Jimmy Miller &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/191413/rss" title="react-aria.adobe.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;React Aria's New Swipeable Sheet and the CSS Tricks Behind It&lt;/a&gt;&lt;/span&gt; — &lt;a href="https://react.statuscode.com/link/191414/rss" style=" color: #3c2584;   "&gt;React Aria&lt;/a&gt; has a new swipeable &lt;a href="https://react.statuscode.com/link/191415/rss" style=" color: #3c2584;   "&gt;Sheet component&lt;/a&gt;, and Devon explains how it works. Rather than handle touch events in JavaScript, it uses an oversized scroll container with CSS scroll snapping and view timelines to get native momentum, rubber-banding, gesture-synced animations, and more.&lt;/p&gt;
  &lt;p&gt;Devon Govett (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;a href="https://react.statuscode.com/link/191416/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Making React Context Cheap with React Compiler&lt;/a&gt; – Can React Compiler avoid the need for context selectors? A 5,000-radio benchmark suggests it can. &lt;cite&gt;Jenna Smith&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/191417/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Folder Structure Best Practices (2026 Edition)&lt;/a&gt;  &lt;cite&gt;Robin Wieruch&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/191418/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/xev4fnt8ayacadkzw5go.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/191418/rss" title="tanstack.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;TanStack Charts 1.0: Composable, Typed Charts&lt;/a&gt;&lt;/span&gt; — Almost a decade after creating &lt;a href="https://react.statuscode.com/link/191419/rss" style=" color: #3c2584;   "&gt;React Charts&lt;/a&gt;, Tanner returns with a rethink: charts composed from typed marks and scales, rendered with SVG or Canvas, with a React adapter. The &lt;a href="https://react.statuscode.com/link/191420/rss" style=" color: #3c2584;   "&gt;example catalog&lt;/a&gt; shows off its range, along with code samples.&lt;/p&gt;
  &lt;p&gt;Tanner Linsley &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/191421/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Ink 8: React for CLIs Gets Scrollable Views&lt;/a&gt;&lt;/span&gt; — The popular TUI renderer, as used by Claude Code and Gemini CLI. New props on &lt;code&gt;Box&lt;/code&gt; enable scrollable views, &lt;code&gt;render()&lt;/code&gt; takes any Node stream, and incremental rendering only rewrites changed parts of lines for less flicker.&lt;/p&gt;
  &lt;p&gt;Vadim Demedes &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/191422/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Redux Toolkit 2.13: TypeScript 7 Support and a Steadier &lt;code&gt;useQuery&lt;/code&gt;&lt;/a&gt;&lt;/span&gt; — Adds official TypeScript 7 support and fixes &lt;code&gt;useQuery&lt;/code&gt; creating a new selector on every render (which could flip &lt;code&gt;isSuccess&lt;/code&gt; mid-refetch).&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;💡 In other good news, the docs for all the Redux libraries now live together on &lt;a href="https://react.statuscode.com/link/191423/rss" style=" color: #3c2584; font-weight: 600;"&gt;redux.js.org&lt;/a&gt;, including those &lt;a href="https://react.statuscode.com/link/191424/rss" style=" color: #3c2584; font-weight: 600;"&gt;for Redux Toolkit&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;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/191425/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/rgnwjhbzdrqa7dl0695h.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/191425/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Mantine 9.7&lt;/a&gt; – The popular component suite adds a new app onboarding &lt;a href="https://react.statuscode.com/link/191426/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Tour component&lt;/a&gt; (&lt;em&gt;shown above&lt;/em&gt;), plus its MCP server now exposes far more of the docs.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/191427/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native Skia 3.0&lt;/a&gt; – Now uses Skia's new Graphite GPU backend, which you can &lt;a href="https://react.statuscode.com/link/191428/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;▶️ see in action here&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/191429/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native Testing Library 14.1&lt;/a&gt; – Now supports React Native 0.88 and React 19.3, and adds a &lt;code&gt;pullToRefresh()&lt;/code&gt; user event.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/191430/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Lexical 0.51&lt;/a&gt; – Meta's extensible text editor framework. Now ESM-only, and &lt;em&gt;“a big step towards Lexical 1.0.”&lt;/em&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/191431/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Base UI 1.9&lt;/a&gt; – Unstyled, accessible React components. Adds filterable menus (in preview) plus many focus and Drawer fixes.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;⭐ &lt;a href="https://react.statuscode.com/link/191432/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;MSW 3.0&lt;/a&gt; – Popular API mocking library. Now ESM-only, with GraphQL subscription support and a lighter footprint.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/191433/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Aria 1.22&lt;/a&gt; – Adds a new swipeable &lt;code&gt;Sheet&lt;/code&gt; component, &lt;a href="https://react.statuscode.com/link/191413/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;explained here&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/191434/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Material UI 9.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;&lt;a href="https://react.statuscode.com/link/191435/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Expo is mobile AI infrastructure&lt;/a&gt;: Your agents build, test and ship iOS and Android apps, and you approve what goes out. &lt;a href="https://react.statuscode.com/link/191435/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Try it&lt;/a&gt;.&lt;/p&gt;
 
&lt;p&gt;Build TypeScript-first AI agents in your codebase. No timeouts, durable queues, &amp;amp; full tracing. &lt;a href="https://react.statuscode.com/link/191436/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Ship your first agent in minutes with Trigger.dev&lt;/a&gt;.&lt;/p&gt;
 
&lt;p&gt;Bring your wild ideas to &lt;a href="https://react.statuscode.com/link/191437/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Mozilla Festival&lt;/a&gt;. Gather and connect with other developers and creatives in Barcelona, Oct. 28-30. &lt;a href="https://react.statuscode.com/link/191437/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Get your badge&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;"&gt;
  &lt;a href="https://react.statuscode.com/link/191438/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/i0c745kvfckcevjrlsvu.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;✨ Want effects that ripple, glow or melt into ASCII without writing shader code? &lt;a href="https://react.statuscode.com/link/191438/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Shaders&lt;/a&gt; has open sourced its WebGPU engine and &lt;a href="https://react.statuscode.com/link/191439/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;190+ effect components&lt;/a&gt;, which drop into React like any other component.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Six years after work began, &lt;a href="https://react.statuscode.com/link/191440/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Preact 11 is here&lt;/a&gt;. The tiny React alternative gains &lt;a href="https://react.statuscode.com/link/191441/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Hydration 2.0&lt;/a&gt; and automatic ref forwarding, and if you use &lt;code&gt;preact/compat&lt;/code&gt; to run React code on it, the &lt;a href="https://react.statuscode.com/link/191442/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;upgrade guide&lt;/a&gt; is worth a look.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Last week, &lt;a href="https://react.statuscode.com/link/191443/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Remix 3.0&lt;/a&gt; went stable, and it's no longer built on React. Curious what the post-React Remix is like? Sergio Xalambrí reflects on &lt;a href="https://react.statuscode.com/link/191444/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;six months of building with v3&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;🤖 Theo Browne set AI agents loose on porting TypeScript 7 to Rust, and &lt;a href="https://react.statuscode.com/link/191445/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;ts-rust&lt;/a&gt; is the (very experimental) result.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;🚨 Breaking news as we go to press: &lt;a href="https://react.statuscode.com/link/191447/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Deno 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;"&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/493/rss" width="1" height="1" /&gt;</description>
      <pubDate>Fri, 9 Oct 2026 00:00:00 +0000</pubDate>
      <guid>https://react.statuscode.com/issues/493</guid>
    </item>
  </channel>
</rss>
