<?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>Signals come to React-Redux</title>
      <link>https://react.statuscode.com/issues/492</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;#​492 — September 25, 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/190936/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 taking a week off next week, so we'll be back on Friday, October 9.&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/190897/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/wurtgptbln8tma7ldkus.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/190897/rss" title="github.blog" style=" color: #3c2584;    font-size: 1.1em; line-height: 1.4em;"&gt;Rendering Huge Pull Requests in the GitHub &lt;em&gt;Copilot&lt;/em&gt; App&lt;/a&gt;&lt;/span&gt; — GitHub's &lt;a href="https://react.statuscode.com/link/190898/rss" style=" color: #3c2584;   "&gt;desktop Copilot app&lt;/a&gt; is built on React (atop &lt;a href="https://react.statuscode.com/link/190899/rss" style=" color: #3c2584;   "&gt;Tauri&lt;/a&gt;), but to show PRs with 2000+ files and a million changed lines, it renders its code rows &lt;em&gt;outside&lt;/em&gt; React. A worthwhile read if you build UIs that need to stay fast at scale, and they're upfront about the mistakes they made along the way.&lt;/p&gt;
  &lt;p&gt;Alberto Gimeno (GitHub) &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/190896/rss" style=" color: #3c2584;   "&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/a903eb2f.png" width="160" height="91" 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/190896/rss" title="coderabbit.link" style=" color: #3c2584;    font-size: 1.05em;"&gt;Fewer Findings. Only Real Risks&lt;/a&gt;&lt;/span&gt; — AI-generated code can introduce vulnerabilities that are easy to miss in a pull request. &lt;b&gt;CodeRabbit Security&lt;/b&gt; continuously reviews your codebase for complex bugs and security risks, using full-codebase context to follow data flows, dependencies, and patterns beyond the latest diff.&lt;/p&gt;
  &lt;p&gt;CodeRabbit &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/190900/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Redact: An Alternative 'Projection' of React&lt;/a&gt;&lt;/span&gt; — Back in May, Tanner Linsley &lt;a href="https://react.statuscode.com/link/190901/rss" style=" color: #3c2584;   "&gt;explained how he’d built&lt;/a&gt; a synchronous, React-compatible runtime. It’s now at v0.1 with React 19.3 API support, a drop-in Vite plugin, and a useful &lt;a href="https://react.statuscode.com/link/190902/rss" style=" color: #3c2584;   "&gt;compatibility table&lt;/a&gt;.&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;💡 The runtime is a fraction of React's size, but the trade-off is no concurrent rendering (&lt;a href="https://react.statuscode.com/link/190903/rss" style=" color: #3c2584; font-weight: 600;"&gt;this Japanese blog post&lt;/a&gt; has a nice look into that). There's also no license yet, and it can be considered experimental.&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;⚠️ Using &lt;code&gt;next/og&lt;/code&gt; on Node? &lt;a href="https://react.statuscode.com/link/190904/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Next.js 16.3.6&lt;/a&gt; fixes a critical RCE in &lt;code&gt;ImageResponse&lt;/code&gt; affecting v16.2+. &lt;a href="https://react.statuscode.com/link/190905/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;A scheduled release next week&lt;/a&gt; will fix nine more vulnerabilities.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/190906/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Astro&lt;/a&gt;'s React integration &lt;a href="https://react.statuscode.com/link/190907/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;reaches v7.0&lt;/a&gt;, moving from Babel to Oxc and adding React Compiler support with a &lt;code&gt;compiler: true&lt;/code&gt; option.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Vercel has &lt;a href="https://react.statuscode.com/link/190908/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;made its bug bounty program public&lt;/a&gt;, folding its private and open source programs (which covered Next.js) into one.&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/190909/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;React-Redux 9.4 Alpha Adds Opt-In &lt;code&gt;useSignalSelector&lt;/code&gt;&lt;/a&gt;&lt;/span&gt; — Redux runs every mounted selector on every dispatch, which gets costly in huge apps. The new opt-in, signals-based &lt;code&gt;useSignalSelector&lt;/code&gt; tracks which state each selector reads, so a dispatch only re-runs selectors whose data changed.&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;💡 Alpha 0, above, has the full explainer, but &lt;a href="https://react.statuscode.com/link/190910/rss" style=" color: #3c2584; font-weight: 600;"&gt;Alpha 1&lt;/a&gt; landed yesterday with a key bugfix and corrected benchmarks.&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/190911/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Helix: How Shopify is Using LLMs to Move Its App Off React Native&lt;/a&gt; – A look behind the scenes of Shopify's &lt;a href="https://react.statuscode.com/link/190912/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;recently announced migration&lt;/a&gt; from React Native to Swift and Kotlin. &lt;cite&gt;Talha Naqvi (Shopify)&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/190913/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Props Are Not a Design System&lt;/a&gt; – Why arbitrary style props make every button a one-off.  &lt;cite&gt;Robert Vitonsky&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/190914/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;AI, Open Source, and the Long Road to &lt;em&gt;TanStack Charts&lt;/em&gt;&lt;/a&gt; – A look into how Tanner builds with agents now.  &lt;cite&gt;Tanner Linsley&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/190915/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/lccwqt7l0qcob0e72z9o.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;"&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/190915/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Playroom: Design with JSX, Powered by Your Own Component Library&lt;/a&gt;&lt;/span&gt; — A browser-based JSX playground, wired up to your own component library, that renders every theme and viewport width side by side as you edit during dev/testing. &lt;a href="https://react.statuscode.com/link/190916/rss" style=" color: #3c2584;   "&gt;Check out this live demo&lt;/a&gt;.&lt;/p&gt;
  &lt;p&gt;SEEK &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;💡 Along similar lines, Nearform has just released &lt;a href="https://react.statuscode.com/link/190917/rss" style=" color: #3c2584; font-weight: 600;"&gt;v5&lt;/a&gt; of &lt;a href="https://react.statuscode.com/link/190918/rss" style=" color: #3c2584; font-weight: 600;"&gt;React Live&lt;/a&gt;, a live editing experience for React components but better suited for use in docs, blog posts, etc.&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/190919/rss" title="www.pdfcn.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;pdfcn: Copy-Paste Components for Making PDFs&lt;/a&gt;&lt;/span&gt; — Takes the shadcn approach to PDF generation, with components for tables, headers, lists, and larger blocks for things like invoices and reports. Rendering is done with &lt;a href="https://react.statuscode.com/link/190920/rss" style=" color: #3c2584;   "&gt;Takumi&lt;/a&gt; or &lt;a href="https://react.statuscode.com/link/190921/rss" style=" color: #3c2584;   "&gt;Forme&lt;/a&gt;, both WASM-based engines that don't need a headless browser.&lt;/p&gt;
  &lt;p&gt;Aniket Pawar &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/190922/rss" title="loading.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;loading-dev: CSS-Animated Loading Indicators for React&lt;/a&gt;&lt;/span&gt; — 29 CSS-animated loading spinners for React 19+. You set size, color and duration, and they respect reduced motion. You can &lt;a href="https://react.statuscode.com/link/190923/rss" style=" color: #3c2584;   "&gt;customize and play with&lt;/a&gt; each of them too.&lt;/p&gt;
  &lt;p&gt;Jakub Krehel and Paul Faivret &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/190924/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native Reanimated 4.7&lt;/a&gt; – Create smooth animations and interactions in React Native apps. Layout animations now run on its new engine by default.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/190925/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;gridstack.js 14.0&lt;/a&gt; – The popular drag-and-drop dashboard layout library adds a &lt;code&gt;list&lt;/code&gt; mode that reflows widgets like a reorderable list. (&lt;a href="https://react.statuscode.com/link/190926/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Demos&lt;/a&gt;.)&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;😀 &lt;a href="https://react.statuscode.com/link/190927/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Frimousse 0.4&lt;/a&gt; – Lightweight, unstyled emoji picker component.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/190928/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Three Fiber 9.8&lt;/a&gt; – Now compatible with React 19.3.&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;The future of mobile development is agentic. For years, mobile shipped slower than the web. Now, agents are coding/testing/shipping &lt;a href="https://react.statuscode.com/link/190929/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;all on Expo&lt;/a&gt;.&lt;/p&gt;
 
&lt;p&gt;🐻 Build apps, not walls — for the AI era. Learn from library authors, core teams &amp;amp; top engineers. &lt;a href="https://react.statuscode.com/link/190930/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;See you in Berlin &amp;amp; online, Dec 4 &amp;amp; 7!&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/190931/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Build products that help people build their lives&lt;/a&gt; - Fidelity technologists can change the way our clients invest - for the better and for everyone.&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…&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/190932/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ovbpaehwz8p6qlfastfd.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/190932/rss" title="guokaigdg.github.io" style=" color: #3c2584;    font-size: 1.05em;"&gt;Animal Island UI: A 'Kawaii' React Component Library&lt;/a&gt;&lt;/span&gt; — Originally based on Animal Crossing imagery (for which Nintendo &lt;a href="https://react.statuscode.com/link/190933/rss" style=" color: #3c2584;   "&gt;issued a DMCA takedown&lt;/a&gt;) but now with its own assets and MIT licensed. The site’s in Chinese but it's easy to &lt;a href="https://react.statuscode.com/link/190934/rss" style=" color: #3c2584;   "&gt;browse the components&lt;/a&gt;, and the &lt;a href="https://react.statuscode.com/link/190935/rss" style=" color: #3c2584;   "&gt;GitHub README&lt;/a&gt; is in English.&lt;/p&gt;
  &lt;p&gt;guokaigdg &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/492/rss" width="1" height="1" /&gt;</description>
      <pubDate>Fri, 25 Sep 2026 00:00:00 +0000</pubDate>
      <guid>https://react.statuscode.com/issues/492</guid>
    </item>
    <item>
      <title>Why Lovable built a Vite-compatible dev server in Rust</title>
      <link>https://react.statuscode.com/issues/491</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;#​491 — September 18, 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/190634/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/190590/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/quq4fg4kyd0bg7hnz44s.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/190590/rss" title="brookslybrand.com" style=" color: #3c2584;    font-size: 1.1em; line-height: 1.4em;"&gt;Do Frameworks Matter Anymore?&lt;/a&gt;&lt;/span&gt; — A Remix team member picks at the &lt;em&gt;just-let-AI-use-React&lt;/em&gt; trope. If frameworks don't matter, why use React? Skip one and agents improvise their own makeshift 'frameworks', so Brooks wants new, better ones with solid abstractions and constraints.&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;p&gt;💡 If agents &lt;em&gt;are&lt;/em&gt; reading your code, structure seems to matter a lot. &lt;a href="https://react.statuscode.com/link/190591/rss" style=" color: #3c2584; font-weight: 600;"&gt;One developer's experiment&lt;/a&gt; found an over-abstracted React app cost agents up to 5x more to work on.&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/190589/rss" style=" color: #3c2584;   "&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/765111c3.png" width="146" 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/190589/rss" title="master.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;Stay Sharp in the Age of AI&lt;/a&gt;&lt;/span&gt; — Master.dev instructors build at Anthropic, OpenAI, Netflix, Google, and Stripe. Learn from them with hundreds of courses, live workshops, and expanded AI learning paths. &lt;a href="https://react.statuscode.com/link/190589/rss" style=" color: #3c2584;   "&gt;New members get $100 off a yearly membership&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;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/190592/rss" title="lovable.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;OJ: A Rust-Native, Vite-Compatible Dev Server&lt;/a&gt;&lt;/span&gt; — Lovable spins up a million Vite dev servers a day, so one of its engineers &lt;a href="https://react.statuscode.com/link/190593/rss" style=" color: #3c2584;   "&gt;built OJ&lt;/a&gt;, a Rust dev server that reads your existing &lt;code&gt;vite.config.ts&lt;/code&gt; and runs Vite plugins, but focused on low memory use and cold start times. It's &lt;a href="https://react.statuscode.com/link/190594/rss" style=" color: #3c2584;   "&gt;open source&lt;/a&gt; but experimental.&lt;/p&gt;
  &lt;p&gt;Raphael Amorim (Lovable) &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/190595/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Router 8.4&lt;/a&gt; reduces re-renders: components that only call &lt;code&gt;useLocation&lt;/code&gt; (say) no longer re-render when a navigation starts. There's also an opt-in, &lt;em&gt;unstable&lt;/em&gt; route matcher that cuts navigation times by up to 88% on large apps.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/190596/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Motion&lt;/a&gt; 13.4 has landed adding &lt;a href="https://react.statuscode.com/link/190597/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;AnimateView&lt;/a&gt; to animate elements between different views using the browser's native View Transition API and React 19.3's &lt;a href="https://react.statuscode.com/link/190598/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;&lt;code&gt;ViewTransition&lt;/code&gt; component&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;📱 &lt;a href="https://react.statuscode.com/link/190599/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Expo SDK 58 is in beta&lt;/a&gt;, built for iOS 27 on React Native 0.88 RC, with &lt;em&gt;App Intents&lt;/em&gt; support and a new CLI tool aimed at coding agents.&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/190600/rss" title="hackernoon.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;React Activity: When a Render No Longer Guarantees an Effect&lt;/a&gt;&lt;/span&gt; — React 19.2's &lt;a href="https://react.statuscode.com/link/190601/rss" style=" color: #3c2584;   "&gt;&lt;code&gt;&amp;lt;Activity&amp;gt;&lt;/code&gt;&lt;/a&gt; can render a hidden tree without mounting its Effects, which caused a leak in a legacy hook that subscribed during render. A practical rundown of what to audit before adopting it.&lt;/p&gt;
  &lt;p&gt;Sergey Levkovich &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/190602/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Real-Time and Offline are the Same Problem&lt;/a&gt; – Lessons from wiring TanStack DB into &lt;a href="https://react.statuscode.com/link/190603/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Admin&lt;/a&gt;. &lt;cite&gt;Matthieu Hochlander (Marmelab)&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/190605/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;From 1,256ms to 96ms: Fixing INP in a Massive React Dropdown&lt;/a&gt;  &lt;cite&gt;Giovanni Tramutola (Subito)&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/190604/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Migrating 1,100 Files to Redux Toolkit v2 Without a Code Freeze&lt;/a&gt;  &lt;cite&gt;Walter Rafelsberger (Elastic)&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/190606/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;A Deep Dive into StyleX&lt;/a&gt;  &lt;cite&gt;Flavio Copes&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/190607/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/afaokicwppgsd63qh1c5.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/190607/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;&lt;code&gt;@shadcn/lint&lt;/code&gt;: An Agent-First Linter for Tailwind Design Systems&lt;/a&gt;&lt;/span&gt; — A new ESLint/Oxlint plugin that lets you declare which Tailwind classes each component accepts, with errors that tell agents which tokens or variants to use instead.&lt;/p&gt;
  &lt;p&gt;shadcn 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/190608/rss" title="konvajs.org" style=" color: #3c2584;    font-size: 1.05em;"&gt;React Konva: Canvas Components for Complex 2D Graphics&lt;/a&gt;&lt;/span&gt; — Components for the &lt;a href="https://react.statuscode.com/link/190609/rss" style=" color: #3c2584;   "&gt;Konva&lt;/a&gt; 2D canvas scene graph library you might use to build whiteboards, diagram/design editors, etc. Now requires React 19.3. &lt;a href="https://react.statuscode.com/link/190610/rss" style=" color: #3c2584;   "&gt;Repo&lt;/a&gt;.&lt;/p&gt;
  &lt;p&gt;Konva &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/190611/rss" title="www.react-simple-maps.io" style=" color: #3c2584;    font-size: 1.05em;"&gt;React Simple Maps 5.0: Composable SVG Maps for React Apps&lt;/a&gt;&lt;/span&gt; — Powered by &lt;a href="https://react.statuscode.com/link/190612/rss" style=" color: #3c2584;   "&gt;d3-geo&lt;/a&gt; and &lt;a href="https://react.statuscode.com/link/190613/rss" style=" color: #3c2584;   "&gt;topojson&lt;/a&gt; and provides a declarative API for defining maps to render. &lt;a href="https://react.statuscode.com/link/190614/rss" style=" color: #3c2584;   "&gt;The docs&lt;/a&gt; are particularly good.&lt;/p&gt;
  &lt;p&gt;Z Creative 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/190615/rss" title="astryx.atmeta.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Astryx 0.6: Meta's React Design System Gets Responsive Themes&lt;/a&gt;&lt;/span&gt; — Meta's React design system now lets themes adapt to viewport, pointer type, and contrast preferences in CSS. If you missed the excitement when Astryx launched back in June, &lt;a href="https://react.statuscode.com/link/190616/rss" style=" color: #3c2584;   "&gt;learn more here&lt;/a&gt;.&lt;/p&gt;
  &lt;p&gt;Meta &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/190617/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;ilamy Calendar 3.0&lt;/a&gt; – 'Full calendar' component. &lt;a href="https://react.statuscode.com/link/190618/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;v3.0&lt;/a&gt; aligns an event's end point with RFC 5545 and the Google Calendar API. (&lt;a href="https://react.statuscode.com/link/190619/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Demo&lt;/a&gt;)&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;📊 &lt;a href="https://react.statuscode.com/link/190620/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;billboard.js 4.1&lt;/a&gt; – The popular charting library has brought its React component into the main package.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/190621/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native Skia 2.12&lt;/a&gt; – High-performance Skia-powered 2D graphics library.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/190623/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;SSGOI 7.1&lt;/a&gt; – Native app-like page transitions built on the Web Animations API.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/190622/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;react-native-nitro-sqlite 9.8&lt;/a&gt; – JSI-backed SQLite library for React Native.&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/190624/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Build with strategy. Lead with curiosity&lt;/a&gt; - Fidelity is looking for technologists that ask questions, challenge conventions and care about the impact of their products.&lt;/p&gt;
 
&lt;p&gt;⚡ &lt;a href="https://react.statuscode.com/link/190625/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Zuplo&lt;/a&gt; puts every API, AI, and MCP request behind one gateway. Route traffic, guard your MCP servers, and cap your AI costs. &lt;a href="https://react.statuscode.com/link/190625/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Try it free&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;⚠️ Attackers are &lt;a href="https://react.statuscode.com/link/190626/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;scanning for exposed Vite dev servers&lt;/a&gt; to exploit a bug (patched in Vite 7.3.2 and 8.0.5) to access &lt;code&gt;.env&lt;/code&gt; files. Check your setup if you haven't updated in a while.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;TC39's Hemanth HM has a popular &lt;a href="https://react.statuscode.com/link/190627/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;functional programming 'jargon' reference&lt;/a&gt;, but has now also created &lt;a href="https://react.statuscode.com/link/190628/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;a visual map of FP concepts&lt;/a&gt; including JavaScript examples of each.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Philip Walton shows how &lt;a href="https://react.statuscode.com/link/190629/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;TypeScript can complain when you use newer Web APIs&lt;/a&gt; due to its DOM types only covering APIs shipped in &lt;em&gt;multiple&lt;/em&gt; engines. His new &lt;a href="https://react.statuscode.com/link/190630/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;modern-web-types&lt;/a&gt; &lt;code&gt;lib.dom&lt;/code&gt; replacement fills in those gaps.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;GitHub Actions now has &lt;a href="https://react.statuscode.com/link/190631/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;a &lt;code&gt;cache-mode&lt;/code&gt; setting&lt;/a&gt; to limit cache access per workflow/job, a defence against the kind of cache poisoning that &lt;a href="https://react.statuscode.com/link/190632/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;compromised TanStack's npm packages a few months ago&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Vercel has &lt;a href="https://react.statuscode.com/link/190633/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;unveiled a 'flat rate' CDN pricing option&lt;/a&gt; (for &lt;em&gt;Pro&lt;/em&gt; teams) which might take the sting out of some of your bills…&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/491/rss" width="1" height="1" /&gt;</description>
      <pubDate>Fri, 18 Sep 2026 00:00:00 +0000</pubDate>
      <guid>https://react.statuscode.com/issues/491</guid>
    </item>
    <item>
      <title>Why Shopify is moving off React Native</title>
      <link>https://react.statuscode.com/issues/490</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;#​490 — September 11, 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/190266/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/190230/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/o4qesq8gfg3dinfofghi.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;What's New in React 19.3&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/190230/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React 19.3 is here with a &lt;em&gt;huuuge&lt;/em&gt; release post&lt;/a&gt; (that's packed with examples) bringing two anticipated APIs out of experimental status, as well as some &lt;a href="https://react.statuscode.com/link/190231/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Server Components additions&lt;/a&gt;. Here are some of the goodies:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Fragment Refs:&lt;/strong&gt; Manage focus, events and measurements across a group of DOM nodes (a &lt;em&gt;component&lt;/em&gt;, say!) &lt;em&gt;without&lt;/em&gt; adding a wrapper element that could disrupt your layout.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;View Transitions:&lt;/strong&gt; &amp;lt;&lt;code&gt;ViewTransition&lt;/code&gt;&amp;gt; animates elements entering, leaving or changing in transition updates, with support for Suspense reveals and animations you can customize with CSS.&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;💡 For a hands-on feel, &lt;a href="https://react.statuscode.com/link/190232/rss" style=" color: #3c2584; font-weight: 600;"&gt;Chris Coyier's review of &lt;code&gt;&amp;lt;ViewTransition&amp;gt;&lt;/code&gt;&lt;/a&gt; from January still holds up, though it doesn't cover &lt;code&gt;addTransitionType&lt;/code&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;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Trusted Types support:&lt;/strong&gt; React now preserves trusted objects when passing values to DOM APIs like &lt;code&gt;innerHTML&lt;/code&gt;, avoiding string coercion that caused browsers enforcing &lt;a href="https://react.statuscode.com/link/190233/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Trusted Types&lt;/a&gt; to reject them.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Opt out of server rendering:&lt;/strong&gt; &lt;a href="https://react.statuscode.com/link/190234/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;&lt;code&gt;use(browser())&lt;/code&gt;&lt;/a&gt; lets a component render only in the browser, showing its nearest Suspense fallback in the generated HTML.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Elsewhere, &amp;lt;&lt;code&gt;Activity&lt;/code&gt;&amp;gt; gains Server Component support, there's support for the new  &amp;lt;&lt;code&gt;select&lt;/code&gt;&amp;gt; parsing rules, and transitions now render independently, so a slow one no longer blocks unrelated ones. &lt;a href="https://react.statuscode.com/link/190235/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;The full release notes&lt;/a&gt; (not the same as the release post!) paint the full picture.&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 15px;"&gt;
  &lt;a href="https://react.statuscode.com/link/190229/rss" style=" color: #3c2584;   "&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/75249b97.png" width="100" height="100" 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/190229/rss" title="www.tigerdata.com" style=" color: #3c2584;    font-size: 1.1em; line-height: 1.4em;"&gt;Live Components Deserve Live Data, Not a Stale Cache&lt;/a&gt;&lt;/span&gt; — Your components re-render instantly, but they read a cache that's minutes behind, because the live query is too slow to hit every render. TimescaleDB extends Postgres so dashboards query live data fast at scale. &lt;a href="https://react.statuscode.com/link/190229/rss" style=" color: #3c2584;   "&gt;Get $1000 credit to start&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;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/190236/rss" title="shopify.engineering" style=" color: #3c2584;    font-size: 1.05em;"&gt;Native is Now the Future of Mobile at Shopify&lt;/a&gt;&lt;/span&gt; — Six years after going all-in on React Native, Shopify is rebuilding its apps in Swift and Kotlin, arguing coding agents have cut the cost of building the same features twice. We also learn what's going to happen to React Native Skia, FlashList and Restyle.&lt;/p&gt;
  &lt;p&gt;Shopify Engineering &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;📊 A &lt;a href="https://react.statuscode.com/link/190237/rss" style=" color: #3c2584; font-weight: 600;"&gt;companion post covers the 12-week Shop app rewrite&lt;/a&gt;, with before-and-after startup, stability and app-size metrics.&lt;br&gt;&lt;br&gt;

🤔 &lt;strong&gt;But not everyone's convinced:&lt;/strong&gt; In &lt;a href="https://react.statuscode.com/link/190238/rss" style=" color: #3c2584; font-weight: 600;"&gt;a busy &lt;code&gt;r/reactnative&lt;/code&gt; thread&lt;/a&gt;, one of Expo's founders &lt;a href="https://react.statuscode.com/link/190239/rss" style=" color: #3c2584; font-weight: 600;"&gt;suggests&lt;/a&gt; Shopify made &lt;em&gt;"more of a political decision than a technical one"&lt;/em&gt; and that they were comparing an old-architecture app against a fresh rewrite.&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/190240/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Tailwind Labs, creator of Tailwind CSS, is joining Shopify&lt;/a&gt;. The open source projects stay MIT-licensed with the same team.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/190241/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React DevTools 8.0 is out&lt;/a&gt; with the &lt;em&gt;Suspense&lt;/em&gt; tab on by default and the Timeline profiler gone, with the browser's &lt;em&gt;Performance&lt;/em&gt; panel taking over. There's also &lt;a href="https://react.statuscode.com/link/190242/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;an experimental package&lt;/a&gt; that exposes React DevTools to coding agents through &lt;code&gt;chrome-devtools-mcp&lt;/code&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;TanStack has published &lt;a href="https://react.statuscode.com/link/190243/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;a write-up of its partnership with Vercel&lt;/a&gt;, with new TanStack AI adapters for Vercel's AI Gateway and Sandbox now available.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/190244/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Expo Modules 2.0 is on the way&lt;/a&gt;, introducing annotation-based Swift and Kotlin classes for writing native modules.&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/190245/rss" title="blog.master.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;React Now Rusted All the Way Out&lt;/a&gt;&lt;/span&gt; — A team moved a 1000+ file React Router app onto oxc's Rust port of the React Compiler and watched the compile step drop from 14.3s to 0.81s. Better still, the port already handles patterns the Babel-based 1.0 skips, and the post ends with the Vite config to make the switch.&lt;/p&gt;
  &lt;p&gt;Andrew Patton &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/190248/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;What It Actually Takes to Migrate Discord to React Native's New Architecture&lt;/a&gt; – Only 14% of the tickets covered the migration itself. The rest was all in the &lt;em&gt;long tail&lt;/em&gt;. &lt;cite&gt;Kamil Delekta (Software Mansion)&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;🤖 &lt;a href="https://react.statuscode.com/link/190249/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;How the Next.js Team Closed 1,500 GitHub Issues in One Month&lt;/a&gt; – You won't be surprised that agents were involved. &lt;cite&gt;Marcos Hernanz (Next.js)&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/190250/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Your React App Can Unmount When a Reader Turns On Chrome Translate&lt;/a&gt; – Why the classic &lt;code&gt;removeChild&lt;/code&gt; error happens, and why the usual monkey-patch can hide the crash while leaving the UI broken. &lt;cite&gt;Davlat Aliev&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/190251/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;The Golden Switch: Migrating From Gatsby to Astro in Under 9¾ Days&lt;/a&gt; – Keeping their React components, after substantial prep work. &lt;cite&gt;Evil Martians&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: 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/190252/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;The biggest React conference in the US!&lt;/a&gt; React, modern web dev &amp;amp; AI's growing role. Nov 17 &amp;amp; 20, New York &amp;amp; Online. &lt;a href="https://react.statuscode.com/link/190252/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Check it out!&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;Know React? You already know how to ship a mobile app. &lt;a href="https://react.statuscode.com/link/190253/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Expo handles cloud builds, app store submission, and OTA updates&lt;/a&gt;. No Xcode required.&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;🛠  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/190254/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/rrafub0hos1swqnddjcv.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/190254/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Jotai 3.0: A Leaner, ESM-Only Release of the Atomic State Manager&lt;/a&gt;&lt;/span&gt; — The familiar hooks remain, but the package is modernized: ESM only, React 18 and TypeScript 5.5 minimums, &lt;code&gt;atomFamily&lt;/code&gt; moved to &lt;code&gt;jotai-family&lt;/code&gt;, and &lt;code&gt;loadable&lt;/code&gt; removed in favor of &lt;code&gt;unwrap&lt;/code&gt;. Daishi explains &lt;a href="https://react.statuscode.com/link/190255/rss" style=" color: #3c2584;   "&gt;the one behavioral change here&lt;/a&gt;.&lt;/p&gt;
  &lt;p&gt;Daishi Kato &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/190256/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;React Native ExecuTorch 0.10: Run AI Models On-Device&lt;/a&gt;&lt;/span&gt; — A ground-up rewrite of the on-device AI library. Opaque native modules give way to inspectable TypeScript pipelines you can tweak and chain (no C++ needed), with Core ML, MLX and Vulkan acceleration underneath. &lt;a href="https://react.statuscode.com/link/190257/rss" style=" color: #3c2584;   "&gt;The homepage&lt;/a&gt; shows what it can do.&lt;/p&gt;
  &lt;p&gt;Software Mansion &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/190258/rss" title="www.vidact.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;Vidact: Compiles React Components Down to Direct DOM Code&lt;/a&gt;&lt;/span&gt; — A compiler that takes React-style function components and hooks and emits direct DOM operations, a la Solid, with no VDOM or React runtime in the bundle. Beta, and unsupported React patterns will fail at build time.&lt;/p&gt;
  &lt;p&gt;Mohamad Mohebifar &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/190259/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/hmlqx96kvtkdta8ze9t0.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/190260/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Google Maps 1.10&lt;/a&gt; – Components and hooks for the Google Maps JavaScript API. Now with an expanded set of declarative 3D components, including models and markers (&lt;a href="https://react.statuscode.com/link/190259/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;demo&lt;/a&gt;).&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/190261/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Lexical 0.50&lt;/a&gt; – Meta's extensible text editor framework. Now with HMR support and a new &lt;code&gt;@lexical/compiler&lt;/code&gt; package for build-time tree-shaking annotations.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/190262/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Base UI 1.8&lt;/a&gt; – The unstyled component library that's now &lt;code&gt;shadcn/ui&lt;/code&gt;'s default.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/190263/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;wouter 3.11&lt;/a&gt; – Minimalist-friendly ~2KB routing for React &lt;a href="https://react.statuscode.com/link/190264/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;and Preact&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/190265/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native 0.88 Release Candidate&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/490/rss" width="1" height="1" /&gt;</description>
      <pubDate>Fri, 11 Sep 2026 00:00:00 +0000</pubDate>
      <guid>https://react.statuscode.com/issues/490</guid>
    </item>
    <item>
      <title>Why StyleX is having a moment</title>
      <link>https://react.statuscode.com/issues/489</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;#​489 — September 4, 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/189984/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/189932/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/chyecu202ca5onsfqt58.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/189932/rss" title="linear.app" style=" color: #3c2584;    font-size: 1.1em; line-height: 1.4em;"&gt;Linear's &lt;code&gt;styled-components&lt;/code&gt; to StyleX Migration&lt;/a&gt;&lt;/span&gt; — Linear moved its React apps from &lt;code&gt;styled-components&lt;/code&gt; to &lt;a href="https://react.statuscode.com/link/189933/rss" style=" color: #3c2584;   "&gt;StyleX&lt;/a&gt; and the engineer who led the effort tells the tale: &lt;a href="https://react.statuscode.com/link/189934/rss" style=" color: #3c2584;   "&gt;the codemod&lt;/a&gt;, where agents helped (and got stuck), and the performance gains made.&lt;/p&gt;
  &lt;p&gt;Kenneth Skovhus (Linear) &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;💡 Over at &lt;em&gt;Syntax&lt;/em&gt;, Scott and Wes asked &lt;a href="https://react.statuscode.com/link/189935/rss" style=" color: #3c2584; font-weight: 600;"&gt;▶️ why is everyone moving to StyleX?&lt;/a&gt; The extra rigidity isn't much fun for humans, but agents thrive on it. (&lt;a href="https://react.statuscode.com/link/189936/rss" style=" color: #3c2584; font-weight: 600;"&gt;Transcript&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/189931/rss" style=" color: #3c2584;   "&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/a5d0db7f.png" width="125" 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/189931/rss" title="blog.sentry.io" style=" color: #3c2584;    font-size: 1.05em;"&gt;How to Evaluate Session Replay Software&lt;/a&gt;&lt;/span&gt; — Use these criteria to compare session replay tools: recording methodology, privacy architecture, integration depth, overhead, AI-readability, and mobile support. These are the choices that determine whether replay helps you ship more reliable software.&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;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/189937/rss" title="nextjs.org" style=" color: #3c2584;    font-size: 1.05em;"&gt;How Turbopack Chunks Your JavaScript&lt;/a&gt;&lt;/span&gt; — An explainer of how Turbopack chunks a Next.js app's JavaScript, and the (experimental) Next.js 16.3 options for tuning the process. Useful if you're focused on getting smaller client bundles.&lt;/p&gt;
  &lt;p&gt;Sam Poder &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/189938/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Vitest 5.0 is out&lt;/a&gt; and is ~15% faster on its React SPA benchmark, and adds a built-in &lt;a href="https://react.statuscode.com/link/189939/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;trace view&lt;/a&gt; that lets you step back through a browser test after it runs. &lt;a href="https://react.statuscode.com/link/189940/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;The migration guide&lt;/a&gt; covers breaking changes.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/189941/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;𝕏 TanStack and Vercel are teaming up&lt;/a&gt; to make Vercel a 'first-class home' for &lt;a href="https://react.statuscode.com/link/189942/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;TanStack Start&lt;/a&gt;, with &lt;a href="https://react.statuscode.com/link/189943/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;a new deploy guide&lt;/a&gt; as the starting point.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;A draft &lt;a href="https://react.statuscode.com/link/189944/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;&lt;code&gt;@types/react&lt;/code&gt; update for React 19.3&lt;/a&gt; offers a preview (&lt;a href="https://react.statuscode.com/link/189945/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;in this diff&lt;/a&gt;) of what's stabilizing, including &lt;a href="https://react.statuscode.com/link/189946/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;&lt;code&gt;browser()&lt;/code&gt;&lt;/a&gt;, &lt;code&gt;ViewTransition&lt;/code&gt;, and Fragment refs.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/189947/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Margelo is joining Callstack&lt;/a&gt; in a deal valuing the Nitro Modules and VisionCamera creators at over €20m.&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/189948/rss" title="maxleiter.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;&lt;em&gt;thank u, next&lt;/em&gt;: Replacing Next.js with a Vibe-Coded 'Framework'&lt;/a&gt;&lt;/span&gt; — An Anthropic engineer replaced Next.js on his personal site with a 'framework' Claude built in a few hours. Even if you dislike the premise, the before/after numbers, cost breakdown, downsides, and browser quirks it surfaced make it a neat writeup.&lt;/p&gt;
  &lt;p&gt;Max Leiter &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/189950/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Agentic Coding: Bet on the Primitives&lt;/a&gt; – Why agents able to 'hand roll' code can tip the balance from using big libraries towards simpler primitives. Recharts vs D3, for example. &lt;cite&gt;Robin Wieruch&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/189951/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;How Shopify Raised Mobile End-to-End Test Stability to 98%&lt;/a&gt; – They rebuilt their React Native E2E suite to primarily use computer vision over &lt;code&gt;testID&lt;/code&gt;s. &lt;cite&gt;Michael Garfinkle (Shopify)&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;🤖 &lt;a href="https://react.statuscode.com/link/189952/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Testing Google's &lt;em&gt;Modern Web Guidance&lt;/em&gt; Skill Against a Real React App&lt;/a&gt; &lt;cite&gt;Ahmad Alfy&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/189953/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/kxry6khewk7uzwkifsuo.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/189953/rss" title="mantine.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;Mantine 9.6: A Huge Component Library Update&lt;/a&gt;&lt;/span&gt; — A big update for the popular component library with a new &lt;a href="https://react.statuscode.com/link/189954/rss" style=" color: #3c2584;   "&gt;lightbox&lt;/a&gt; component, an &lt;a href="https://react.statuscode.com/link/189955/rss" style=" color: #3c2584;   "&gt;&lt;code&gt;ActionBar&lt;/code&gt;&lt;/a&gt; for contextual bulk actions, four new chart types (&lt;a href="https://react.statuscode.com/link/189956/rss" style=" color: #3c2584;   "&gt;waffle&lt;/a&gt;, &lt;a href="https://react.statuscode.com/link/189957/rss" style=" color: #3c2584;   "&gt;matrix&lt;/a&gt;, &lt;a href="https://react.statuscode.com/link/189958/rss" style=" color: #3c2584;   "&gt;gauge&lt;/a&gt;, and &lt;a href="https://react.statuscode.com/link/189959/rss" style=" color: #3c2584;   "&gt;candlestick&lt;/a&gt;), and &lt;em&gt;much&lt;/em&gt; more besides.&lt;/p&gt;
  &lt;p&gt;The Mantine 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/189960/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;&lt;code&gt;cn&lt;/code&gt;: shadcn's Faster Drop-In Replacement for &lt;code&gt;tailwind-merge&lt;/code&gt; and &lt;code&gt;clsx&lt;/code&gt;&lt;/a&gt;&lt;/span&gt; — Precompiles Tailwind's conflict rules into lookup tables rather than working them out every time classes are merged, plus &lt;code&gt;cn build&lt;/code&gt; can trim the bundle to only the rules needed. &lt;a href="https://react.statuscode.com/link/189961/rss" style=" color: #3c2584;   "&gt;Here's how it works&lt;/a&gt;.&lt;/p&gt;
  &lt;p&gt;shadcn and 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;a href="https://react.statuscode.com/link/189962/rss" title="gpuix.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;GPUIX: Build GPU-Rendered Native Desktop Apps with React&lt;/a&gt;&lt;/span&gt; — An interesting attempt to render React components through Zed's (yes, the &lt;a href="https://react.statuscode.com/link/189963/rss" style=" color: #3c2584;   "&gt;Rust-powered code editor&lt;/a&gt;!) GPUI framework, to create native desktop apps in a single binary with no Electron/webview needed.&lt;/p&gt;
  &lt;p&gt;Tommy D. Rossi &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/189964/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/vgrpnii6qehg4oqqlwy2.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/189964/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Aria 1.21.0&lt;/a&gt; – Adobe's popular component suite adds a new &lt;code&gt;NavigationTree&lt;/code&gt; component &lt;em&gt;(above)&lt;/em&gt; and &lt;code&gt;Menu&lt;/code&gt; gets a big upgrade too.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/189965/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Countdown Clock 3.0&lt;/a&gt; – Canvas-based countdown component now rewritten for React 18 and 19 and using &lt;code&gt;requestAnimationFrame&lt;/code&gt; for smoother rendering. &lt;a href="https://react.statuscode.com/link/189966/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/189967/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Uppy 6.0&lt;/a&gt; – Popular, powerful modular file uploader, with &lt;a href="https://react.statuscode.com/link/189968/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React components&lt;/a&gt; and &lt;a href="https://react.statuscode.com/link/189969/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Router&lt;/a&gt; and &lt;a href="https://react.statuscode.com/link/189970/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Next.js&lt;/a&gt; integrations.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/189971/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Storybook 10.6&lt;/a&gt; – The component workshop adds CLI bindings for agents to drive Storybook's tools and skills.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/189972/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native WebGPU 0.9&lt;/a&gt; – WebGPU implementation for React Native, now with a &lt;a href="https://react.statuscode.com/link/189985/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;hosted Expo template&lt;/a&gt; to get started.&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;Know React? You already know how to ship a mobile app. &lt;a href="https://react.statuscode.com/link/189973/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Expo handles cloud builds, app store submission, and OTA updates&lt;/a&gt;. No Xcode required.&lt;/p&gt;
 
&lt;p&gt;⚡&lt;a href="https://react.statuscode.com/link/189974/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Zuplo&lt;/a&gt; puts every API, AI, and MCP request behind one gateway. Route traffic, guard your MCP servers, and cap your AI costs. &lt;a href="https://react.statuscode.com/link/189974/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Try it free&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/189975/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/qhg5uwb2bt4l51pjidwq.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/189975/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Zod 4.5 is here&lt;/a&gt; with &lt;code&gt;z.compile()&lt;/code&gt; for compiling schemas ahead of time, schemas that use 9x less memory, and a fast path for checking validity without a full parse. With how much React form and API code leans on Zod, it's worth investigating.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;⚠️ With supply chain worms hitting React-related packages recently, &lt;a href="https://react.statuscode.com/link/189976/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Drydock&lt;/a&gt; may be useful for package authors: it diffs the tarball you're going to publish against the last published version, so you can spot nasties that slipped in.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Amid the excitement of &lt;a href="https://react.statuscode.com/link/189977/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;the Bun 1.4 release&lt;/a&gt;, you may have missed &lt;code&gt;build&lt;/code&gt; and &lt;code&gt;Bun.build&lt;/code&gt; now &lt;a href="https://react.statuscode.com/link/189978/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;have a built-in React compiler&lt;/a&gt; and &lt;a href="https://react.statuscode.com/link/189979/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;&lt;code&gt;Bun.markdown.react()&lt;/code&gt;&lt;/a&gt; offers a native way to convert Markdown into React elements.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/189983/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Native HTML and CSS Features That Replaced JavaScript&lt;/a&gt; rounds up the accordions, dialogs, popovers and effects you may no longer need a component/dependency for.&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/489/rss" width="1" height="1" /&gt;</description>
      <pubDate>Fri, 4 Sep 2026 00:00:00 +0000</pubDate>
      <guid>https://react.statuscode.com/issues/489</guid>
    </item>
  </channel>
</rss>
