<?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>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>
    <item>
      <title>RSCs in TanStack: better than Next.js?</title>
      <link>https://react.statuscode.com/issues/475</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;#​475 — May 22, 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/185585/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/185547/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/s12cumrzkore9fvftzad.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/185547/rss" title="component-party.dev" style=" color: #3c2584;    font-size: 1.1em; line-height: 1.4em;"&gt;Component Party: A Rosetta Stone of UI Libraries&lt;/a&gt;&lt;/span&gt; — A code-based comparison of numerous frameworks (including React, Vue, Svelte, Angular, Ember, and more obscure options) using snippets for performing common tasks. Recent updates have extended Angular and Svelte coverage, plus added Ripple and Ember Polaris to the mix.&lt;/p&gt;
  &lt;p&gt;Mathieu Schimmerling &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/185548/rss" title="frontendmasters.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;RSCs in TanStack: A Different (and Arguably Better) Take&lt;/a&gt;&lt;/span&gt; — &lt;em&gt;“The implementation is radically different, and in my opinion, better than the RSC implementation you’ve likely seen in Next.js.”&lt;/em&gt;&lt;/p&gt;
  &lt;p&gt;Adam Rackis &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/185546/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="130" height="130" style="padding-top: 12px; padding-left: 12px;     line-height: 100%; "&gt;&lt;/a&gt;
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/185546/rss" title="www.meticulous.ai" style=" color: #3c2584;    font-size: 1.05em;"&gt;Still Writing Tests Manually? Meticulous AI Is Here&lt;/a&gt;&lt;/span&gt; — Notion, Dropbox, Wiz and LaunchDarkly now use a testing paradigm they can’t work without. Built by former Palantir engineers, Meticulous automatically creates an evolving suite of E2E UI tests, delivering exhaustive coverage with no developer effort.&lt;/p&gt;
  &lt;p&gt;Meticulous &lt;span style="text-transform: uppercase; margin-left: 4px; font-size: 0.9em;   color: #997 !important; padding: 1px 4px; "&gt;sponsor&lt;/span&gt;&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
&lt;p&gt;&lt;strong&gt;IN BRIEF:&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/185549/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Storybook 10.4&lt;/a&gt; – the frontend component workshop – has added first-class TanStack React support, cleaner React Native setup, and the ability for AI agents to automatically set up Storybook in complex apps.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;🗣️ Reddit's &lt;code&gt;/r/reactjs&lt;/code&gt; discussed &lt;a href="https://react.statuscode.com/link/185550/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;why people are moving from Next.js to TanStack Start.&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/185551/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Redux Toolkit v2.12.0&lt;/a&gt; and &lt;a href="https://react.statuscode.com/link/185552/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Redux 9.3.0&lt;/a&gt; have 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;span&gt;🤖&lt;/span&gt; &lt;a href="https://react.statuscode.com/link/185553/rss" title="javascript.plainenglish.io" style=" color: #3c2584;    font-size: 1.05em;"&gt;Migrating an Express App to Next.js Using Agents&lt;/a&gt;&lt;/span&gt; — James (who works on &lt;a href="https://react.statuscode.com/link/185554/rss" style=" color: #3c2584;   "&gt;Antigravity&lt;/a&gt; at Google) demonstrates how to modernize a legacy Express.js app to Next.js App Router, TypeScript, MongoDB, Zod, and shadcn/ui. It’s all orchestrated using &lt;a href="https://react.statuscode.com/link/185555/rss" style=" color: #3c2584;   "&gt;these skills&lt;/a&gt; which could be used with other, non-Google agents too.&lt;/p&gt;
  &lt;p&gt;James O'Reilly (Google) &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;💡 Google &lt;a href="https://react.statuscode.com/link/185556/rss" style=" color: #3c2584; font-weight: 600;"&gt;has deprecated Gemini CLI&lt;/a&gt;, replacing it with the new &lt;a href="https://react.statuscode.com/link/185557/rss" style=" color: #3c2584; font-weight: 600;"&gt;Antigravity CLI&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;span&gt;🤖&lt;/span&gt; &lt;a href="https://react.statuscode.com/link/185558/rss" title="blog.isquaredsoftware.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Mark Erikson's Agent Setup, Workflow, and Tools&lt;/a&gt;&lt;/span&gt; — Mark, well known for maintaining Redux and creating Redux Toolkit, digs deep into his daily dev workflow, including his use of &lt;a href="https://react.statuscode.com/link/185559/rss" style=" color: #3c2584;   "&gt;OpenCode&lt;/a&gt; and how he manages his workflow.&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;a href="https://react.statuscode.com/link/185560/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Structural Sharing, &lt;code&gt;selectAtom&lt;/code&gt;, and Why Your Jotai Atoms Re-Render Too Much&lt;/a&gt;  &lt;cite&gt;Peter Piekarczyk&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/185562/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Moving Away From Tailwind, and Learning to Structure My CSS&lt;/a&gt;  &lt;cite&gt;Julia Evans&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/185564/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/dmd0wpeuxhfnkw3l4la1.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/185564/rss" title="gre.github.io" style=" color: #3c2584;    font-size: 1.05em;"&gt;GL-React v6: Create WebGL Shaders from React&lt;/a&gt;&lt;/span&gt; — Provides a straightforward abstraction for creating WebGL shaders with React and JSX. &lt;a href="https://react.statuscode.com/link/185565/rss" style=" color: #3c2584;   "&gt;Gaëtan&lt;/a&gt; is an experienced generative and shader artist and there are &lt;a href="https://react.statuscode.com/link/185566/rss" style=" color: #3c2584;   "&gt;lots of examples&lt;/a&gt; complete with code to enjoy here.&lt;/p&gt;
  &lt;p&gt;Gaëtan Renaudeau &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/185567/rss" title="try.expo.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;From React Web to a Real iOS App in One Week&lt;/a&gt;&lt;/span&gt; — A web dev's honest take on what transferred to native, what didn't, and how Expo + Claude Code + Skills closed the gap.&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/185568/rss" style=" color: #3c2584; font-weight: 600;"&gt;Expo SDK 56&lt;/a&gt; has also just been released with Expo UI now considered ready for production.&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/185569/rss" title="hot-updater.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;Hot Updater: Self-Hosted Over-the-Air Updates for React Native&lt;/a&gt;&lt;/span&gt; — A way to deploy updates to apps without app store submissions. The latest update adds &lt;a href="https://react.statuscode.com/link/185570/rss" style=" color: #3c2584;   "&gt;bundle diffing&lt;/a&gt; for smaller, more efficient updates.&lt;/p&gt;
  &lt;p&gt;Sungyu Kang &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/185571/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Relay 21.0: Meta’s Data-Fetching Framework for React&lt;/a&gt;&lt;/span&gt; — &lt;a href="https://react.statuscode.com/link/185572/rss" style=" color: #3c2584;   "&gt;Relay&lt;/a&gt;, Meta’s declarative GraphQL-based data fetching framework used in Facebook itself, adds first-party TypeScript support, new error handling capabilities, and &lt;strong&gt;experimental React Server Components support.&lt;/strong&gt;&lt;/p&gt;
  &lt;p&gt;Facebook / 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;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/185573/rss" title="svar.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;SVAR Calendar: A Calendar Component for React, Svelte and Vue&lt;/a&gt;&lt;/span&gt; — A flexible calendar component with a MIT-licensed core and extended commercial version. &lt;a href="https://react.statuscode.com/link/185586/rss" style=" color: #3c2584;   "&gt;Here are some demos&lt;/a&gt; of the React version.&lt;/p&gt;
  &lt;p&gt;XB Software Sp. z o.o. &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/185575/rss" style=" color: #3c2584; font-weight: 600;"&gt;Schedule-X&lt;/a&gt; is another great option in this space and &lt;a href="https://react.statuscode.com/link/185576/rss" style=" color: #3c2584; font-weight: 600;"&gt;v4.6&lt;/a&gt; just landed.&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/185577/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Rockpack 8.0.0&lt;/a&gt; – A tool for quickly setting up a React app with full support for Server-Side Rendering, bundling, linting, and testing. v8.0 now supports ESLint 10, TypeScript 6, and Tailwind CSS v4.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/185578/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;React Native Zip Archive 8.0&lt;/a&gt; – Zip archive functions for React Native apps.&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/185579/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Clerk API Keys are GA&lt;/a&gt;. Users can generate credentials that delegate API access on their behalf. Verify server-side, revoke instantly.&lt;/p&gt;
 
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/185580/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Trigger.dev&lt;/a&gt; handles queues, retries, and long-running tasks so you can build production-ready agents and TypeScript workflows reliably at scale.&lt;/p&gt;
 
&lt;p&gt;Build AR/VR apps in React Native — no Unity, no new language. &lt;a href="https://react.statuscode.com/link/185581/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;ReactVision Studio&lt;/a&gt; has a visual scene editor, prompt‑to‑3D asset gen, Meta Quest support, and works with Expo. &lt;a href="https://react.statuscode.com/link/185581/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Try 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/185582/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/h9h6kjfbbchyi0q7decy.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;🤖 Google unveiled &lt;a href="https://react.statuscode.com/link/185582/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Modern Web Guidance&lt;/a&gt; at &lt;em&gt;I/O&lt;/em&gt; this week. It's a set of expert-vetted skills to guide coding agents to build accessible and performant web experiences, e.g. &lt;code&gt;"Set up my app to begin preloading pages when users hover over important links."&lt;/code&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/185583/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;npq&lt;/a&gt; is a tool that makes &lt;code&gt;npm install&lt;/code&gt; safer. It sits in front of &lt;code&gt;npm&lt;/code&gt; and audits packages prior to installation, including warning about pre/post-install scripts.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Node.js has a new official &lt;a href="https://react.statuscode.com/link/185584/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;codemod for migrating from Axios to &lt;code&gt;fetch&lt;/code&gt;&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/475/rss" width="1" height="1" /&gt;</description>
      <pubDate>Fri, 22 May 2026 00:00:00 +0000</pubDate>
      <guid>https://react.statuscode.com/issues/475</guid>
    </item>
    <item>
      <title>A candid interview with Tanner Linsley</title>
      <link>https://react.statuscode.com/issues/474</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;#​474 — May 15, 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/185263/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/185269/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/izessnsy7oyohprp3lh0.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/185269/rss" title="github.blog" style=" color: #3c2584;    font-size: 1.1em; line-height: 1.4em;"&gt;From Latency to Instant: Improving &lt;em&gt;GitHub Issues&lt;/em&gt; Navigation Performance&lt;/a&gt;&lt;/span&gt; — GitHub rebuilt issue navigation around a local-first, stale-while-revalidate model: render from an IndexedDB cache, revalidate in the background. ~70% of React navigations are now instant &amp;amp; P10 down from 600ms to 70ms. A deep account of the caching &amp;amp; prefetch design on GitHub's React/Rails stack.&lt;/p&gt;
  &lt;p&gt;Alexander Lelidis (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/185264/rss" style=" color: #3c2584;   "&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/0dd4c496.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/185264/rss" title="frontendmasters.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Microfrontends, Monoliths, &amp;amp; Monorepos&lt;/a&gt;&lt;/span&gt; — Discover how to architect large, successful frontend systems in this detailed video course, hosted by Steve Kinney. Learn best practices for maintaining complex codebases while shipping high-quality software.&lt;/p&gt;
  &lt;p&gt;Frontend Masters &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/185268/rss" title="www.youtube.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Why TanStack Start Exists: Tanner Linsley on Competing with Next.js&lt;/a&gt;&lt;/span&gt; — A candid interview with Tanner Linsley covering a wide variety of topics like TanStack’s business model, Start vs Next.js, and TanStack’s take on being framework agnostic while still focusing on React.&lt;/p&gt;
  &lt;p&gt;Nuno Maduro &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/185265/rss" title="tanstack.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Hardening TanStack After the npm Compromise&lt;/a&gt;&lt;/span&gt; — This week, &lt;a href="https://react.statuscode.com/link/185266/rss" style=" color: #3c2584;   "&gt;an attacker published&lt;/a&gt; malicious versions of 42 TanStack packages using a novel approach (it affected &lt;a href="https://react.statuscode.com/link/185267/rss" style=" color: #3c2584;   "&gt;170+ other packages too&lt;/a&gt;). Here’s what the TanStack team is doing to prevent such issues going forward.&lt;/p&gt;
  &lt;p&gt;The TanStack 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/185270/rss" title="www.raycast.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;A Technical Deep Dive Into the New Raycast&lt;/a&gt;&lt;/span&gt; — &lt;a href="https://react.statuscode.com/link/185271/rss" style=" color: #3c2584;   "&gt;Raycast&lt;/a&gt; is a feature-rich macOS launcher app (imagine Spotlight but 10x) which has long had a React-based extension ecosystem, but now its new v2.0 app has a React frontend too.&lt;/p&gt;
  &lt;p&gt;Nikolaev and Mann (Raycast) &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/185272/rss" title="ghost.build" style=" color: #3c2584;    font-size: 1.05em;"&gt;Your Agent Burned Through the Free Tier by Lunch&lt;/a&gt;&lt;/span&gt; — &lt;i&gt;ghost&lt;/i&gt; gives your agent unlimited Postgres. Fork per task, delete after. No project limits. 1TB free. &lt;a href="https://react.statuscode.com/link/185272/rss" style=" color: #3c2584;   "&gt;Try for free&lt;/a&gt;.&lt;/p&gt;
  &lt;p&gt;ghost &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/185273/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Security in React Applications&lt;/a&gt; – High-level tips and techniques for securing React apps. &lt;cite&gt;Aurora Scharff&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/185274/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;RSC Server Functions Are Not An API Boundary&lt;/a&gt;  &lt;cite&gt;Long Ho&lt;/cite&gt;&lt;/p&gt;
&lt;p&gt;📄 &lt;a href="https://react.statuscode.com/link/185275/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;The Hidden Cost of &amp;lt;Activity&amp;gt;&lt;/a&gt;  &lt;cite&gt;Peter Piekarczyk&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/185276/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/tze0hinzt0gj9fqfqi3w.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/185276/rss" title="mdxeditor.dev" style=" color: #3c2584;    font-size: 1.05em;"&gt;MDXEditor 4.0: A Rich Markdown Editor Component&lt;/a&gt;&lt;/span&gt; — A &lt;a href="https://react.statuscode.com/link/185277/rss" style=" color: #3c2584;   "&gt;Lexical&lt;/a&gt;-powered Markdown editor for React apps with a wide array of features like code editing, link/image insertion, and table support. &lt;a href="https://react.statuscode.com/link/185278/rss" style=" color: #3c2584;   "&gt;The live demo&lt;/a&gt; shows off what it can do with all the features enabled.&lt;/p&gt;
  &lt;p&gt;Petyo Ivanov &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/185304/rss" title="fate.technology" style=" color: #3c2584;    font-size: 1.05em;"&gt;Fate 1.0: A Modern Data Framework for React&lt;/a&gt;&lt;/span&gt; — A new data framework from former Jest lead and ex-Meta engineer Christoph Nakazawa. Brings normalized caching, view co-location, and single-root-request composition on top of tRPC or native HTTP, with Prisma and now Drizzle support on the server. 1.0 adds live views over SSE, garbage collection, and a Vite plugin.&lt;/p&gt;
  &lt;p&gt;Christoph Nakazawa &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/185279/rss" title="react.review" style=" color: #3c2584;    font-size: 1.05em;"&gt;React Review: Audit Your Codebase for Bad React Code&lt;/a&gt;&lt;/span&gt; — From the creator of &lt;a href="https://react.statuscode.com/link/185280/rss" style=" color: #3c2584;   "&gt;React Doctor&lt;/a&gt; comes a new GitHub App (&lt;em&gt;powered&lt;/em&gt; by React Doctor) that fetches both a pull request branch and base branch and reviews and reports on issues introduced in the PR.&lt;/p&gt;
  &lt;p&gt;Aiden Bai et al. &lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

&lt;table border=0 cellpadding=0 cellspacing=0 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="font-size: 15px; line-height: 1.48em; padding: 0px 15px;"&gt;
  
  &lt;p&gt;&lt;span style="font-weight: 600; font-size: 1.1em; color: #000;"&gt;&lt;a href="https://react.statuscode.com/link/185282/rss" title="github.com" style=" color: #3c2584;    font-size: 1.05em;"&gt;Orval: Generate Type-Safe Clients from OpenAPI/Swagger Specs&lt;/a&gt;&lt;/span&gt; — Given a valid OpenAPI v3 or Swagger v2 spec, generate models, requests, hooks, and mocks for React, Vue, Svelte, and Solid apps and more.&lt;/p&gt;
  &lt;p&gt;Victor Bury &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/185283/rss" style=" color: #3c2584;"&gt;&lt;img src="https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/r23bo3hkjgsxml3auhl2.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/185283/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Mantine 9.2&lt;/a&gt; – The popular component suite adds &lt;a href="https://react.statuscode.com/link/185284/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;TreeSelect&lt;/a&gt; &lt;em&gt;(above)&lt;/em&gt; for selecting hierarchical tree data, the dropdown-free &lt;a href="https://react.statuscode.com/link/185285/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;InlineDateTimePicker&lt;/a&gt;, &lt;a href="https://react.statuscode.com/link/185286/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;RollingNumber&lt;/a&gt; to animate value changes, a new &lt;code&gt;use-drag&lt;/code&gt; hook, and more.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;⭐ &lt;a href="https://react.statuscode.com/link/185287/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Waku 1.0 Beta&lt;/a&gt; – The minimal React Server Components framework built atop Vite and Hono.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/185288/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;whisper.rn 0.6&lt;/a&gt; – React Native bindings to &lt;code&gt;whisper.cpp&lt;/code&gt; for fast, on-device speech transcription.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/185289/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Ant Design 6.4.0&lt;/a&gt; – Enterprise-class UI design language &amp;amp; component library.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/185290/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;react-native-view-shot 5.1&lt;/a&gt; – Capture a React Native view to an image.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/185291/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;react-qr-scanner 2.6&lt;/a&gt; – Scan QR codes in React apps.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/185292/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;styled-components v7 Alpha&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/185293/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/185294/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Clerk Directory Sync is now GA&lt;/a&gt;. Changes in Okta or Entra ID sync automatically to your app — no manual account management. Custom attribute mapping and IdP group-to-role assignment included.&lt;/p&gt;
 
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/185295/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;Trigger.dev&lt;/a&gt; handles queues, retries, and long-running tasks so you can build production-ready agents and TypeScript workflows reliably at scale.&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;🤖 Redux maintainer Mark Erikson goes deep with &lt;a href="https://react.statuscode.com/link/185296/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;his personal thoughts and experiences on the use of AI&lt;/a&gt; in software development.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Daishi Kato shares &lt;a href="https://react.statuscode.com/link/185297/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;a brief update on Jotai&lt;/a&gt; (&lt;a href="https://react.statuscode.com/link/185298/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;v2.20.0&lt;/a&gt; was released last week) and says he's ready to start thinking about Jotai v3.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;🤖 &lt;a href="https://react.statuscode.com/link/185299/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;TanStack AI&lt;/a&gt;, the cross-provider AI SDK, &lt;a href="https://react.statuscode.com/link/185300/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;can now &lt;em&gt;stream&lt;/em&gt; typed structured output&lt;/a&gt; with a Zod schema.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href="https://react.statuscode.com/link/185301/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;zero-native&lt;/a&gt; is Vercel's entry into the ecosystem of frameworks for building native JS desktop apps. It sits atop a Zig core and lets you pick between the system WebView or Chromium. There are &lt;a href="https://react.statuscode.com/link/185302/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;examples&lt;/a&gt; covering how to build vanilla, React, Svelte, and Vue apps on top of it.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Luciano Mammino looks at &lt;a href="https://react.statuscode.com/link/185303/rss" style=" color: #3c2584; font-weight: 500 !important;   "&gt;what's new in Node 26.0&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/474/rss" width="1" height="1" /&gt;</description>
      <pubDate>Fri, 15 May 2026 00:00:00 +0000</pubDate>
      <guid>https://react.statuscode.com/issues/474</guid>
    </item>
  </channel>
</rss>
