<?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>React Router v8 is boring but good</title>
      <link>https://react.statuscode.com/issues/479</link>
      <description>

  

    
    
  




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

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

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

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

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

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

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

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

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

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

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




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

  

    
    
  




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

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

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

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

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

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

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

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

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

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

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




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

  

    
    
  




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

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

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

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

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

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

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

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

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

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

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

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

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

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




&lt;img src="https://react.statuscode.com/open/477/rss" width="1" height="1" /&gt;</description>
      <pubDate>Fri, 5 Jun 2026 00:00:00 +0000</pubDate>
      <guid>https://react.statuscode.com/issues/477</guid>
    </item>
    <item>
      <title>🎉 React turns 13 years old today</title>
      <link>https://react.statuscode.com/issues/476</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;#​476 — May 29, 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/185922/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/185889/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/de617w929xwdgc8egd3v.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/185889/rss" title="tkdodo.eu" style=" color: #3c2584;    font-size: 1.1em; line-height: 1.4em;"&gt;Pairing TanStack Router with TanStack Query&lt;/a&gt;&lt;/span&gt; — Dominik continues &lt;a href="https://react.statuscode.com/link/185890/rss" style=" color: #3c2584;   "&gt;his series on TanStack Router&lt;/a&gt;, this time pairing it with &lt;a href="https://react.statuscode.com/link/185891/rss" style=" color: #3c2584;   "&gt;TanStack Query&lt;/a&gt;. The router cache is per-route while Query’s is global, making Query a better fit for data shared across routes. He covers wiring the &lt;code&gt;QueryClient&lt;/code&gt; into router context, disabling the router’s own caching so one library owns the data layer, and starting fetches in loaders that &lt;code&gt;useSuspenseQuery&lt;/code&gt; reads from.&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;💡 If you don't use it yet, &lt;a href="https://react.statuscode.com/link/185890/rss" style=" color: #3c2584; font-weight: 600;"&gt;The Beauty of TanStack Router&lt;/a&gt; might win you over.&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/185888/rss" style=" color: #3c2584;   "&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/7d59b09e.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/185888/rss" title="www.meticulous.ai" style=" color: #3c2584;    font-size: 1.05em;"&gt;Still Writing Tests Manually? Meticulous AI Is Here&lt;/a&gt;&lt;/span&gt; — Notion, Dropbox, Wiz and LaunchDarkly now use a testing paradigm they can’t work without. Built by former Palantir engineers, Meticulous automatically creates an evolving suite of E2E UI tests, delivering exhaustive coverage with no developer effort.&lt;/p&gt;
  &lt;p&gt;Meticulous &lt;span style="text-transform: uppercase; margin-left: 4px; font-size: 0.9em;   color: #997 !important; padding: 1px 4px; "&gt;sponsor&lt;/span&gt;&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/185892/rss" title="jsx.lol" style=" color: #3c2584;    font-size: 1.05em;"&gt;As React Turns 13, 'Does Anybody Actually Like React?'&lt;/a&gt;&lt;/span&gt; — First released on May 29, 2013, React is only just entering its teenage era, but complaints about React’s omnipresence have been a trope for years and David Bushell has been keeping receipts!&lt;/p&gt;
  &lt;p&gt;David Bushell &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;🗣️ This item kicked off &lt;a href="https://react.statuscode.com/link/185921/rss" style=" color: #3c2584; font-weight: 600;"&gt;an extensive discussion on Hacker News&lt;/a&gt;.&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;p&gt;&lt;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/185893/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Router 7.16.0&lt;/a&gt; lands as the on-ramp to v8, stabilizing the &lt;a href="https://react.statuscode.com/link/185894/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;trailing-slash data-request&lt;/a&gt; flag and warning about every v8 flag you haven't enabled yet.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;🇳🇱 &lt;a href="https://react.statuscode.com/link/185895/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Summit&lt;/a&gt; is taking place this June 12 in Amsterdam (the day after &lt;a href="https://react.statuscode.com/link/185896/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;JSNation&lt;/a&gt;). Both can be attended remotely too.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;🇺🇸 The annual &lt;a href="https://react.statuscode.com/link/185897/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Chain React&lt;/a&gt; React Native conference is this July 30-31 in Portland, Oregon.&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/185899/rss" title="www.readwriterachel.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;React at 60 FPS&lt;/a&gt;&lt;/span&gt; — A slide deck packed with tips for squeezing performance out of React when animating data, without reaching for an animation library — instead leaning on Canvas, &lt;code&gt;requestAnimationFrame&lt;/code&gt;, WebSockets, and &lt;code&gt;React.memo&lt;/code&gt;.&lt;/p&gt;
  &lt;p&gt;Rachel Kaufman &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/185900/rss" title="www.youtube.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Is TanStack Start's Deferred Hydration Revolutionary?&lt;/a&gt;&lt;/span&gt; — Jack examines TanStack Start’s deferred hydration, a new feature that delays hydrating below-the-fold components until they’re needed, noting it’s syntactic sugar over capabilities React already had, though he reckons it’s worth it.&lt;/p&gt;
  &lt;p&gt;Jack Herrington &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;&lt;p&gt;💡 TanStack's own docs also offer &lt;a href="https://react.statuscode.com/link/185901/rss" style=" color: #3c2584; font-weight: 600;"&gt;a full guide to deferred hydration&lt;/a&gt;.&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/185902/rss" title="try.expo.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;Expo UI Is Stable. Real SwiftUI and Compose from JS&lt;/a&gt;&lt;/span&gt; — One import. SwiftUI on iOS, Jetpack Compose on Android. Plus native drop-in replacements for 7 community packages.&lt;/p&gt;
  &lt;p&gt;Expo &lt;span style="text-transform: uppercase; margin-left: 4px; font-size: 0.9em;   color: #997 !important; padding: 1px 4px; "&gt;sponsor&lt;/span&gt;&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/185903/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Why I Walked Back from Next.js and RSC to a Plain SPA and Separate Backend&lt;/a&gt;  &lt;cite&gt;Zul Ikram Musaddik Rayat&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/185904/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;TanStack Start Authentication: A Developer's Guide for 2026&lt;/a&gt;  &lt;cite&gt;Maria Paktiti (WorkOS)&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/185905/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Building a Predictive Text Input in React&lt;/a&gt;  &lt;cite&gt;Matt Huggins&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/185906/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/cpuhmxm5bore4dnyfdyq.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/185906/rss" title="reactdatatable.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;React Data Table: Responsive, Dynamic Table Component&lt;/a&gt;&lt;/span&gt; — Simple and clean, but flexible. Includes features like column sorting and pagination out of the box. Lots of demos and code examples. This week’s &lt;a href="https://react.statuscode.com/link/185907/rss" style=" color: #3c2584;   "&gt;v8.3&lt;/a&gt; release focuses on localization. &lt;a href="https://react.statuscode.com/link/185909/rss" style=" color: #3c2584;   "&gt;GitHub repo.&lt;/a&gt;&lt;/p&gt;
  &lt;p&gt;John Betancur &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/185910/rss" title="pip-it-up.vercel.app" style=" color: #3c2584;    font-size: 1.05em;"&gt;pip-it-up: Pop Any Component Into a Floating PiP Window&lt;/a&gt;&lt;/span&gt; — A way to pop any UI component into a floating ‘picture-in-picture’ window. Here are &lt;a href="https://react.statuscode.com/link/185911/rss" style=" color: #3c2584;   "&gt;some live examples.&lt;/a&gt;&lt;/p&gt;
  &lt;p&gt;Saurabh Shakya &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/185912/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/cyuefozaaux2bexuvyww.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/185912/rss" title="spoiled.vercel.app" style=" color: #3c2584;    font-size: 1.05em;"&gt;Spoiled 0.5: A Realistic 'Spoiler' Component for React&lt;/a&gt;&lt;/span&gt; — Displays a cloud of particles over content that should stay obscured until revealed. The homepage is a live demo. &lt;a href="https://react.statuscode.com/link/185913/rss" style=" color: #3c2584;   "&gt;GitHub repo.&lt;/a&gt;&lt;/p&gt;
  &lt;p&gt;Alexey Taktarov &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/185914/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Middleware, but for AI agents&lt;/a&gt;. Compose Claude Code, Codex &amp;amp; Gemini as one TypeScript harness — 100+ agent recipes. &lt;a href="https://react.statuscode.com/link/185914/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;agentfield.ai/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: 0px 15px;"&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/185915/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native Reanimated 4.4&lt;/a&gt; – Easily build smooth animations on React Native. v4.4 has a new CSS animation engine on iOS that runs animations through Core Animation instead of a JS-driven update loop.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;👉 &lt;a href="https://react.statuscode.com/link/185916/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native Gesture Handler 3.0&lt;/a&gt; – Exposes platform-native touch/gesture systems to React Native. Now rebuilt for the New Architecture and with a new &lt;code&gt;Touchable&lt;/code&gt; component.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;↔ &lt;a href="https://react.statuscode.com/link/185917/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Archer 5.0&lt;/a&gt; – Draw arrows between DOM elements in React. v5.0 now supports React 19.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/185918/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Sugar High 1.2&lt;/a&gt; – Super-light (1KB) syntax highlighter for JavaScript and JSX.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/185919/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Spring 10.1&lt;/a&gt; – A mild bump for the wildly popular UI animation library.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/185920/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;MUI X 9.3&lt;/a&gt; – The popular component suite.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style=" font-size: 15px; line-height: 1.48em;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
  &lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;




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