<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Sebastien Lorber</title>
    <description>The latest articles on DEV Community by Sebastien Lorber (@sebastienlorber).</description>
    <link>https://dev.to/sebastienlorber</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F200435%2F3a773e8a-0013-4afe-8af4-f619d87a2c0a.jpeg</url>
      <title>DEV Community: Sebastien Lorber</title>
      <link>https://dev.to/sebastienlorber</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/sebastienlorber"/>
    <language>en</language>
    <item>
      <title>This Week In React #305 : X, Forms, e18e, Next.js, TanStack Start | Exact, Discord, Shopify, Expo Modules | Node.js, Safari</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 13 Nov 2026 13:49:35 +0000</pubDate>
      <link>https://dev.to/sebastienlorber/this-week-in-react-305-x-forms-e18e-nextjs-tanstack-start-exact-discord-shopify-expo-20d3</link>
      <guid>https://dev.to/sebastienlorber/this-week-in-react-305-x-forms-e18e-nextjs-tanstack-start-exact-discord-shopify-expo-20d3</guid>
      <description>&lt;p&gt;Hi everyone, &lt;a href="https://x.com/sebastienlorber" rel="noopener noreferrer"&gt;Seb&lt;/a&gt; and &lt;a href="https://x.com/jaworek3211" rel="noopener noreferrer"&gt;Jan&lt;/a&gt; here 👋!&lt;/p&gt;

&lt;p&gt;This week, X explained how it rebuilt its flagship app with streaming SSR, Suspense and Relay. e18e launched independent benchmarks for 9 meta-frameworks.&lt;/p&gt;

&lt;p&gt;On mobile, Discord follows Shopify and leaves React Native for native and Rust. Meanwhile, Expo’s co-founder previewed Exact, an agent-native app framework written in Rust. We also have many releases: Audio API 1.0, Bottom Sheet 0.18, Keychain 11, Gesture Handler 3.5…&lt;/p&gt;

&lt;p&gt;Elsewhere, Node.js shipped security releases, Safari 27.3 beta brings Temporal and &lt;code&gt;using&lt;/code&gt; to all browsers. The State of JS survey is open: if you like our work, please mention us 🙏.&lt;/p&gt;

&lt;p&gt;Let's dive in!&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the official newsletter to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://www.meticulous.ai/?utm_source=this_week_in_react&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q4_1&amp;amp;utm_content=primary" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flkaurt02oufd010l76yw.jpg" alt="Agents didn’t clear your plate. They piled on reviews"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://www.meticulous.ai/?utm_source=this_week_in_react&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q4_1&amp;amp;utm_content=primary" rel="noopener noreferrer"&gt;Agents didn’t clear your plate. They piled on reviews.&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Your agents write PRs in minutes, then eat your afternoon in review. When did ‘saving time’ start to mean babysitting agents’ work? Meticulous runs thousands of e2e UI tests autonomously, covering every user flow, edge case, role and permutation.&lt;/p&gt;

&lt;p&gt;What you get, with no developer effort:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Near-exhaustive coverage on every test run&lt;/li&gt;
&lt;li&gt;No test creation&lt;/li&gt;
&lt;li&gt;No maintenance (seriously)&lt;/li&gt;
&lt;li&gt;Zero flakes (built on a deterministic browser)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Engineers at Notion save 5 hours per week and feel like they work twice as fast. &lt;a href="https://www.meticulous.ai/?utm_source=this_week_in_react&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q4_1&amp;amp;utm_content=primary" rel="noopener noreferrer"&gt;Check it out&lt;/a&gt;, so you can too.&lt;/p&gt;




&lt;h2&gt;
  
  
  ⚛️ React
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F305%2Fx-town-square.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F305%2Fx-town-square.jpg" alt="Rebuilding the global town square from scratch"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://blog.x.com/en/engineering/rebuilding-the-global-town-square-from-scratch" rel="noopener noreferrer"&gt;&lt;strong&gt;X Engineering - Rebuilding the global town square from scratch&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;One of the world's largest React apps is currently rolling out a major rewrite. Logged-out users and crawlers already see the new app, and signed-in users are moving over one country at a time. Since Twitter Lite (2017), X has been a client-side React app: the browser downloads JavaScript, then asks for data, then renders, leading to performance issues. Additional SSR servers handled search crawlers and link-preview bots. The new architecture uses a single server for people, crawlers and link-preview bots, and optimizes its response according to who's asking.&lt;/p&gt;

&lt;p&gt;The article is a detailed write-up sharing various lessons learned and impressive performance results, in particular on slow connections, where a profile's first post now shows in 2.7s instead of 23.9s. Since we are a React newsletter, here's what is likely to interest you the most:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;New stack&lt;/strong&gt; - The new app is built on Vite, React, Relay and Fastify. The former stack already used Relay/GraphQL, which remains interesting for colocating data requirements with components and making preloading easy.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Streaming SSR with Suspense&lt;/strong&gt; - The server sends the page shell right away, then streams each part as its data arrives. Profiles and posts download no JavaScript before the first post shows.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Hydrating before the stream ends&lt;/strong&gt; - With an async module entry, React hydrates the shell immediately, then each boundary as it streams in. They also prioritize the loading of the render-blocking stylesheet: even if it slightly delays React hydration, it gives a better First Contentful Paint on slow connections.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Relay without refetching&lt;/strong&gt; - Route loaders start the GraphQL queries while the server renders. The page carries each response once as JSON, and the browser replays it into an empty Relay store.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Intent preloading&lt;/strong&gt; - Links preload their route's code and data on hover or focus so that navigation feels fast.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI usage&lt;/strong&gt; - Five engineers built the first version in under six months. Agents helped with the implementation, porting behaviors of the old servers to the new architecture, with scripts to ensure parity.&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://www.propelauth.com/post/dont-trust-your-ai-agent-scope-it?utm_source=twir&amp;amp;utm_campaign=nov11&amp;amp;utm_medium=newsletter" rel="noopener noreferrer"&gt;PropelAuth - Don’t Trust Your AI Agent. Scope It.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📖 &lt;a href="https://react.dev/reference/react-dom/components/form#preserve-form-values-after-an-action" rel="noopener noreferrer"&gt;React &lt;code&gt;&amp;lt;form&amp;gt;&lt;/code&gt; docs improvements&lt;/a&gt; - React 19 resets uncontrolled fields after a successful form Action, which surprised many devs. The &lt;code&gt;&amp;lt;form&amp;gt;&lt;/code&gt; docs now explain how to keep values (&lt;code&gt;defaultValue&lt;/code&gt; from state or &lt;code&gt;useActionState&lt;/code&gt;, even before JS loads), skip or schedule the reset with &lt;code&gt;requestFormReset&lt;/code&gt;, pass extra data to Server Functions, and get &lt;code&gt;useFormStatus&lt;/code&gt; pending state from an &lt;code&gt;onSubmit&lt;/code&gt; handler.&lt;/li&gt;
&lt;li&gt;📊 &lt;a href="https://e18e.dev/blog/launching-the-framework-performance-project.html" rel="noopener noreferrer"&gt;e18e Framework Performance project - Benchmarks for 9 meta-frameworks, including Next.js, TanStack Start and React Router&lt;/a&gt; - This independent initiative, built with each framework's maintainers, makes comparisons fairer and has already led to upstream perf fixes, such as &lt;a href="https://github.com/react/react/pull/35776" rel="noopener noreferrer"&gt;75% faster RSC payload parsing&lt;/a&gt; in React.&lt;/li&gt;
&lt;li&gt;📅 &lt;a href="https://www.react.foundation/summit" rel="noopener noreferrer"&gt;React Foundation Contributors Summit 2026 - 10–12 Nov - London&lt;/a&gt; - The first contributor summit is happening right now. Since we are not there, please let us know if you have any insider scoop 🥹.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://rohitpotato.xyz/thoughts/ssr-requests-still-alive" rel="noopener noreferrer"&gt;How we cut Next.js memory from ~5GB to ~1GB: the React-Query timer holding every SSR request&lt;/a&gt; - An interesting memory leak case and methodology used to fix it. Any &lt;code&gt;setTimeout&lt;/code&gt; created during SSR captures the &lt;code&gt;AsyncLocalStorage&lt;/code&gt; contexts. Here, the React Query GC timer led to that leak, capturing the Next.js Request store. Query v4/v5 disables the GC on the server, so beware of not re-enabling it by passing an explicit &lt;code&gt;gcTime&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://harrisonmilbradt.com/writing/nextjs-to-tanstack-start" rel="noopener noreferrer"&gt;Why we finally left Next.js for TanStack Start&lt;/a&gt; - Positive feedback on migrating a large app to TanStack Start, following recurring memory leaks in Next.js. Abstracting the &lt;code&gt;next/*&lt;/code&gt; framework imports behind a thin layer made it possible to run both frameworks side by side using build-time aliases.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-nov11" rel="noopener noreferrer"&gt;PostHog - WTF is a forward deployed engineer? (and why everyone is hiring them)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/mobxjs/mobx/tree/main/packages/mobx-react-plugin" rel="noopener noreferrer"&gt;MobX React Plugin 1.0 - Automatic &lt;code&gt;observer()&lt;/code&gt;, &lt;code&gt;"use no memo"&lt;/code&gt; for React Compiler, &lt;code&gt;async&lt;/code&gt; methods turned into flows&lt;/a&gt; - This new official Vite/Babel plugin fixes a long-standing MobX incompatibility with the React Compiler.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://storybook.js.org/blog/storybook-11-beta/" rel="noopener noreferrer"&gt;Storybook 11 beta - Official agent skills, headless &lt;code&gt;storybook tools&lt;/code&gt; CLI, type-safe CSF 4 stories, &lt;code&gt;react-component-meta&lt;/code&gt; docgen&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/pmndrs/zustand/releases/tag/v5.1.0" rel="noopener noreferrer"&gt;Zustand 5.1 - Async &lt;code&gt;persist&lt;/code&gt; storage and migrations, awaitable &lt;code&gt;rehydrate()&lt;/code&gt;, dispatch actions from Redux DevTools&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://stately.ai/blog/2026-11-05-xstate-v6-beta" rel="noopener noreferrer"&gt;XState 6 beta - Transitions as plain functions, Standard Schema types, &lt;code&gt;xstate/fsm&lt;/code&gt; is back, durable execution (experimental), CLI&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://textjs.org/" rel="noopener noreferrer"&gt;Text.js 1.0 - React framework for apps that render inside &lt;code&gt;console.log&lt;/code&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/preactjs/preact/releases/tag/11.2.0" rel="noopener noreferrer"&gt;Preact 11.2 - Scoped custom element registries in shadow roots, smaller bundle&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/remcohaszing/mdx-content-mapper" rel="noopener noreferrer"&gt;mdx-content-mapper 0.0.3 → 0.0.4 - Type-check MDX files with &lt;code&gt;tsc&lt;/code&gt;, using TypeScript 7.1 content mappers&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/react-hook-form/react-hook-form/releases/tag/v7.92.0" rel="noopener noreferrer"&gt;React Hook Form 7.92 - Bug fixes for validation, field arrays, &lt;code&gt;reset()&lt;/code&gt; and &lt;code&gt;useController&lt;/code&gt;, fewer form state clones&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/bvaughn/react-resizable-panels/releases" rel="noopener noreferrer"&gt;React Resizable Panels 4.19 → 4.21 - Tear-off tabs, drag tabs between windows, floating tabsets, collapse and maximize buttons&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/meta/astryx/releases" rel="noopener noreferrer"&gt;Astryx 0.7.1 → 0.7.13 - iOS-like Lightbox gestures, reorderable lists, table virtualization, keyboard-aware &lt;code&gt;ChatLayout&lt;/code&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://dx-styles.dev/blog/dx-styles-1-5-build-time/" rel="noopener noreferrer"&gt;dx-styles 1.5 - Faster builds, upgrades wyw-in-js, reproducible CSS-in-JS benchmark&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/amannn/next-intl/releases/tag/v4.15.0" rel="noopener noreferrer"&gt;Next-Intl 4.15 - Support &lt;code&gt;intl-messageformat&lt;/code&gt; 12, lazy-loaded SWC in the message extractor, middleware fixes&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://chatgpt.com/plugins/plugins_6ac4c117f76881918d3676e851fa4005?open_in_app" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F305%2Fmargelo.jpg" alt="Mobile Dev Plugin for Codex and Claude"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://chatgpt.com/plugins/plugins_6ac4c117f76881918d3676e851fa4005?open_in_app" rel="noopener noreferrer"&gt;Mobile Dev Plugin for Codex and Claude&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Meet Mobile Dev: full mobile tooling inside Codex, Claude, and your favorite ADE.&lt;/p&gt;

&lt;p&gt;Launch and interact with iOS &amp;amp; Android simulators, emulators, and physical devices right in your agent UI. Stream logs, debug issues, and monitor CPU, memory &amp;amp; FPS. Guided performance recordings reveal bottlenecks and highlight potential fixes. Your agent picks the right tools, investigates root causes, and implements fixes using real performance data. It can then re-run tests to verify the improvements. You can also inspect your app’s UI, highlight elements, and prompt your agent to make changes with precise visual context.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://chatgpt.com/plugins/plugins_6ac4c117f76881918d3676e851fa4005?open_in_app" rel="noopener noreferrer"&gt;Try Mobile Dev in the ChatGPT Plugin Store.&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  📱 React-Native
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F305%2Fexact.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F305%2Fexact.jpg" alt="A preview of Exact"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ccheever.expo.app/" rel="noopener noreferrer"&gt;&lt;strong&gt;Exact - Agent-native app framework in Rust&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Expo co-founder Charlie Cheever shared a pre-alpha preview of Exact. It's a cross-platform app framework written in Rust, designed for agents to write, run and test apps. You describe the UI in 𝕏 &lt;a href="https://x.com/JI/status/2119779463827431853" rel="noopener noreferrer"&gt;Contract&lt;/a&gt;, a new declarative language, and write the logic in TypeScript or Rust. Models have never seen Contract, but it's small and constrained on purpose, so agents learn it quickly. Exact promises near-instant startup, smooth scrolling, edits applied in about 100ms, and the same test running unchanged on web, mobile and desktop.&lt;/p&gt;

&lt;p&gt;Related resources:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;📜 &lt;a href="https://rnw.kazutoyo.jp/en/posts/expo-exact-first-impression/" rel="noopener noreferrer"&gt;First Impressions of Expo Exact, a New Rust-Powered App Runtime&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=l738pHcezds" rel="noopener noreferrer"&gt;Simon Grimm - Expo's CEO Just Built a React Native Alternative&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;🧵 &lt;a href="https://x.com/svishnevskiy/status/2118081920194203799" rel="noopener noreferrer"&gt;&lt;strong&gt;Discord follows Shopify, leaving React Native for native and Rust&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Another big app is moving away from React Native! Discord is dropping both Electron and React Native, extending its shared Rust core. On desktop, the UI moves to GPUI. On mobile, the Rust core now drives native views.&lt;/p&gt;

&lt;p&gt;It comes only two months after Shopify left React Native, but the approach is quite different. Shopify went back to separate Swift and Kotlin apps, betting that agents make writing the code twice affordable. This week, they explained &lt;a href="https://shopify.engineering/shopify-app-rebuild" rel="noopener noreferrer"&gt;how they rebuilt the app in 12 weeks&lt;/a&gt; with Helix, Reflex and remote dev. With &lt;a href="https://shopify.engineering/reflex" rel="noopener noreferrer"&gt;Reflex&lt;/a&gt;, a single behavior test suite runs against headless ViewModels, without a simulator, to keep iOS and Android in sync.&lt;/p&gt;

&lt;p&gt;Related resources:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;📜 &lt;a href="https://rnw.kazutoyo.jp/en/posts/reflex-native-swift-kotlin/" rel="noopener noreferrer"&gt;Trying Shopify's Reflex Architecture in Swift and Kotlin&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=XpEMvOXQ1Wo" rel="noopener noreferrer"&gt;Beto - Discord leaving RN?&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://sentry.io/cookbook/track-checkout-performance-react-native/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=mobile-fy27q4-cookbook&amp;amp;utm_content=newsletter-rn-link-rn-checkout-trysentry" rel="noopener noreferrer"&gt;Sentry - Find the slow request in your React Native checkout flow. Get the recipe&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/expo/status/2119811098928914752" rel="noopener noreferrer"&gt;Expo plugin back in Codex - Skills and MCP server in one plugin&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/expo-modules-2-0-new-jni-layer" rel="noopener noreferrer"&gt;Inside the new JNI layer in Expo Modules 2.0&lt;/a&gt; - Up to 51 times faster C++ calls than &lt;code&gt;fbjni&lt;/code&gt;. JS Objects reach Kotlin 3 to 5 times faster, improving the slowest part of every call between Kotlin and C++ on Android.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://swmansion.com/blog/react-native-vs-native/" rel="noopener noreferrer"&gt;React Native vs Swift and Kotlin: How We Choose the Stack&lt;/a&gt; - Before choosing a stack, ask what the product needs to do, how fast it must ship, and who maintains it. Gobi moved to native in stages once bridging cost more than rewriting.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://maestro.dev/blog/speed-up-maestro-tests" rel="noopener noreferrer"&gt;How to Speed Up Your Maestro Tests: A Practical Guide&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://bitrise.io/blog/post/react-native-ota-updates-best-practices?utm_campaign=cp_promotion_2026-sponsorships_all_2026-09-09&amp;amp;utm_source=thisweekinreact&amp;amp;utm_medium=newsletter-1-20261111" rel="noopener noreferrer"&gt;Bitrise - The best practices behind safe React Native OTA updates.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/googlemaps/react-native-navigation-sdk/releases/tag/v0.19.0" rel="noopener noreferrer"&gt;Google Maps Navigation SDK 0.19 - iOS 17 minimum, Android SDK 8, iOS SDK 11.3, route-token-only destinations, ROUTING_TIMEOUT support&lt;/a&gt; - Route token only setup (iOS) avoids waypoint drift plus a new timeout status to handle (Android).&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://kirillzyusko.github.io/react-native-keyboard-controller/blog/release-1-23" rel="noopener noreferrer"&gt;Keyboard Controller 1.23 - Precise input tracking, preload artifact fix, transparent KeyboardExtender&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://swmansion.com/changelog/react-native-gesture-handler-3-5-0/" rel="noopener noreferrer"&gt;Gesture Handler 3.5 - &lt;code&gt;Begin&lt;/code&gt;, &lt;code&gt;Deactivate&lt;/code&gt; and &lt;code&gt;Finalize&lt;/code&gt; events, &lt;code&gt;Pan&lt;/code&gt; velocity and &lt;code&gt;Pressable&lt;/code&gt; fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/oblador/react-native-keychain/releases/tag/v11.0.0" rel="noopener noreferrer"&gt;React Native Keychain 11 - TurboModules and New Architecture only, Swift Package Manager (preview), &lt;code&gt;getAllInternetCredentialServers()&lt;/code&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://screen-transitions.esjr.org/changelog/" rel="noopener noreferrer"&gt;Screen Transitions 4.1 → 4.2 - Smoother transitions and gestures, built-in clipping, stable Expo Router integration&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/getsentry/sentry-react-native/releases/tag/8.34.0" rel="noopener noreferrer"&gt;Sentry 8.34 - iOS JS hang tracking, Hermes samples in Android profiles, long task metric&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/wcandillon/react-native-skia/releases/tag/v3.10.0" rel="noopener noreferrer"&gt;Skia 3.10 - &lt;code&gt;SkShapeBlob&lt;/code&gt; + &lt;code&gt;canvas.drawShapes&lt;/code&gt; for static shape batching, replay allocation cuts, Skia m158&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/lodev09/react-native-true-sheet/releases/tag/v4.1.0" rel="noopener noreferrer"&gt;True Sheet 4.1 - &lt;code&gt;dimBlur&lt;/code&gt; backdrop, stacked sheet fixes, Android gesture fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion-labs/react-native-bottom-sheet/releases/tag/v0.18.0" rel="noopener noreferrer"&gt;Bottom Sheet 0.18 - Web support, floating cards, lazy mounting and snapping overhaul&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://swmansion.com/changelog/react-native-audio-api-1-0-0/" rel="noopener noreferrer"&gt;Audio API 1.0 - First stable, spatial audio, Recorder 2.0, worklets split out&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://github.com/callstackincubator/simlock/releases/tag/v0.6.0" rel="noopener noreferrer"&gt;Simlock 0.6 - Named device baselines, seed based simulators and emulators, MCP enrolled phones&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://github.com/software-mansion/argent/releases/tag/v0.32.0" rel="noopener noreferrer"&gt;Argent 0.32 - Android network inspector, physical iPhone gestures, remote simulator recording&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🔀 Other
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;🔐 &lt;a href="https://nodejs.org/en/blog/vulnerability/november-2026-security-releases" rel="noopener noreferrer"&gt;Node.js security releases - High severity fixes for the 22, 24 and 26 lines&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💬 &lt;a href="https://github.com/orgs/mermaid-js/discussions/8685" rel="noopener noreferrer"&gt;Mermaid v13 RFC - Full rewrite, DOM-free rendering, SSR, plugin system and smaller bundle&lt;/a&gt; - With all the recent diagram lib competitors, Mermaid is finally planning to catch up.&lt;/li&gt;
&lt;li&gt;📊 &lt;a href="https://survey.devographics.com/en-US/survey/state-of-js/2026?source=thisweekinreact" rel="noopener noreferrer"&gt;State of JavaScript 2026 - Survey is now open&lt;/a&gt; - Last year, we ranked among the top 5 newsletters. If you like our work, please mention us in the resources section 🙏&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://nodejs.org/en/blog/announcements/notable-v8-changes-from-node-js-26-to-27-alpha" rel="noopener noreferrer"&gt;Notable V8 changes from Node.js 26 to 27 (Alpha)&lt;/a&gt; - For once, we get a detailed official blog post of what’s coming with the V8 upgrade (14.6 → 15.6) related to Iterator, Math and more.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/rolldown/rolldown/releases/tag/v1.3.0" rel="noopener noreferrer"&gt;Rolldown 1.3 - Import attributes (experimental), agent-friendly build report (experimental), &lt;code&gt;@rolldown/perf-kit&lt;/code&gt;&lt;/a&gt; - The new &lt;a href="https://rolldown.rs/in-depth/perf-kit" rel="noopener noreferrer"&gt;Perf Kit&lt;/a&gt; could help your agent make your app faster.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://developer.apple.com/documentation/safari-release-notes/safari-27_3-release-notes" rel="noopener noreferrer"&gt;Safari 27.3 beta - &lt;code&gt;Temporal&lt;/code&gt;, &lt;code&gt;using&lt;/code&gt;, CSS &lt;code&gt;@function&lt;/code&gt;, &lt;code&gt;if()&lt;/code&gt;, &lt;code&gt;attr()&lt;/code&gt;, &lt;code&gt;corner-shape&lt;/code&gt;, &lt;code&gt;popover="hint"&lt;/code&gt;, &lt;code&gt;closedby&lt;/code&gt;, and more&lt;/a&gt; - Many of these features are going to be in all browsers soon, including &lt;code&gt;Temporal&lt;/code&gt; and &lt;code&gt;using&lt;/code&gt;!&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/microsoft/playwright/releases/tag/v1.65.0" rel="noopener noreferrer"&gt;Playwright 1.65 - Run tests with Bun, &lt;code&gt;onlyFailures&lt;/code&gt; reports, &lt;code&gt;-exclusive-&lt;/code&gt; test lock&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://prettier.io/blog/2026/11/11/3.10.0" rel="noopener noreferrer"&gt;Prettier 3.10 - New Yuku high-performance JS/TS parser plugin, new Flow syntax, support for new JS proposals&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://pnpm.io/blog?type=releases" rel="noopener noreferrer"&gt;pnpm 12.17 → 12.19 - &lt;code&gt;pnpm fund&lt;/code&gt;, per-skill approval of agent skills, &lt;code&gt;pnpm store add&lt;/code&gt; for offline installs, JSON-like lockfile format (experimental), security fix&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://eslint.org/blog/2026/11/eslint-shell-plugin-announcement/" rel="noopener noreferrer"&gt;ESLint Shell - Language plugin for Bash, POSIX sh and mksh scripts&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://developer.chrome.com/blog/modern-web-guidance-v1" rel="noopener noreferrer"&gt;Modern Web Guidance 1.0 - Chrome's web platform skills for coding agents are stable, Firefox and Edge join the project&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🤭 Fun
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F305%2Fmeme.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F305%2Fmeme.jpg" alt="I wake up, another company leaves React Native"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;See ya! 👋&lt;/p&gt;

</description>
      <category>react</category>
      <category>reactnative</category>
    </item>
    <item>
      <title>This Week In React #304 : Next.js, Compiler, Redux Toolkit | RN 0.89 RC, Vega OS, Screens | Node.js, Parcel, Rspack</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 06 Nov 2026 12:58:52 +0000</pubDate>
      <link>https://dev.to/sebastienlorber/this-week-in-react-304-nextjs-compiler-redux-toolkit-rn-089-rc-vega-os-screens--4fh0</link>
      <guid>https://dev.to/sebastienlorber/this-week-in-react-304-nextjs-compiler-redux-toolkit-rn-089-rc-vega-os-screens--4fh0</guid>
      <description>&lt;p&gt;Hi everyone, &lt;a href="https://x.com/sebastienlorber" rel="noopener noreferrer"&gt;Seb&lt;/a&gt; and &lt;a href="https://x.com/jaworek3211" rel="noopener noreferrer"&gt;Jan&lt;/a&gt; here 👋!&lt;/p&gt;

&lt;p&gt;Calm week on the React side, but we found a few interesting Next.js PRs to look at and a few Async React blog posts.&lt;/p&gt;

&lt;p&gt;On mobile, the first React Native 0.89 RC is here, with lots of performance work. Amazon Vega OS 2.0 brings RN 0.83 to every Vega-powered Fire TV. Hermes gets a full &lt;code&gt;Intl&lt;/code&gt; implementation, still in preview. Screens v5 is coming.&lt;/p&gt;

&lt;p&gt;Elsewhere, GitHub Actions will block &lt;code&gt;pull_request_target&lt;/code&gt; by default. Node.js 27 is the first alpha of the new release model. Parcel 3 is a much faster Rust rewrite.&lt;/p&gt;

&lt;p&gt;Let's dive in!&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the official newsletter to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://surveyjs.io/?utm_source=this-week-in-react&amp;amp;utm_medium=email" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F293%2Fsurvey.jpg" alt="SurveyJS: UI Form Builder for React"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://surveyjs.io/?utm_source=this-week-in-react&amp;amp;utm_medium=email" rel="noopener noreferrer"&gt;SurveyJS: UI Form Builder for React&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Need complex forms in your React app? Building a custom form builder from scratch means handling drag-and-drop, logic, validation, and a UI for every setting. Then maintaining it all.&lt;/p&gt;

&lt;p&gt;SurveyJS gives you an &lt;strong&gt;embeddable React form builder&lt;/strong&gt; you can integrate into your app, including SaaS products. Let users create and update forms visually, without changing application code or redeploying.&lt;/p&gt;

&lt;p&gt;Forms are stored as JSON, so you can version, update, and save them in your database. Extend the builder with custom inputs, validation rules, and property editors. Choose from built-in themes, create your own styles, or use &lt;a href="https://surveyjs.io/themes/theme-adapters?utm_source=this-week-in-react&amp;amp;utm_medium=email" rel="noopener noreferrer"&gt;&lt;strong&gt;theme adapters for MUI, Bootstrap, and shadcn/ui&lt;/strong&gt;&lt;/a&gt; to match your app's look and feel.&lt;/p&gt;

&lt;p&gt;Self-hosted, with &lt;strong&gt;full control over your data&lt;/strong&gt; and no per-end-user fees.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://surveyjs.io/?utm_source=this-week-in-react&amp;amp;utm_medium=email" rel="noopener noreferrer"&gt;Learn more about SurveyJS libraries&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  ⚛️ React
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://www.meticulous.ai/blog/lessons-from-a-decade?utm_source=this_week_in_react&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q3_2&amp;amp;utm_term=react_link" rel="noopener noreferrer"&gt;Testing Frontend - Lessons from over a million lines of TypeScript at Palantir - Skip component tests and let Meticulous do the rest&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🔐 &lt;a href="https://nextjs.org/blog/november-2026-security-release" rel="noopener noreferrer"&gt;Next.js November security releases 16.4.5 &amp;amp; 15.5.29 - Fixing 7 medium vulnerabilities&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/Remotion/status/2117615187339673650" rel="noopener noreferrer"&gt;Remotion - New Studio editing experience&lt;/a&gt; - A better, more interactive timeline that’s still code-based but now matches the UX of video editing tools better.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/react/react/pull/36921" rel="noopener noreferrer"&gt;React Compiler PR - Preserve source locations for accurate source maps&lt;/a&gt; - This should help fix source map issues when using the React Compiler, bug reports in various downstream projects.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/thejustinwalsh/react-concurrent-store/pull/27" rel="noopener noreferrer"&gt;React Concurrent Store PR - Ricky Hanlon runs React's own state tests against the unofficial ponyfill&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/vercel/next.js/pull/101050" rel="noopener noreferrer"&gt;Next.js PR - &lt;code&gt;router.experimental_prepare()&lt;/code&gt; to start a navigation on pointerdown and commit it on click&lt;/a&gt; - This is quite an exciting feature I’ve been wanting for years. There’s a delay between pointerdown and click events. Now you can “prepare” a navigation ahead of time, even if the user hasn’t really clicked your link yet. Once the click is confirmed, you commit the pre-warmed navigation that should feel faster. This may be integrated into the &lt;code&gt;&amp;lt;Link&amp;gt;&lt;/code&gt; component eventually.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/vercel/next.js/pull/100850" rel="noopener noreferrer"&gt;Next.js PR - &lt;code&gt;create-next-app&lt;/code&gt; always uses the App Router, no router choice prompt&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/vercel/next.js/pull/100130" rel="noopener noreferrer"&gt;Next.js PR - Experimental Go Route Handlers with &lt;code&gt;route.go&lt;/code&gt; files&lt;/a&gt; - The Next.js team is prototyping native language support for CPU-intensive server work next to your React app, starting with Route Handlers and Proxy in Go.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://tabwidgets.com/blog/react-lazy-suspense-delay" rel="noopener noreferrer"&gt;React.lazy, Suspense and the Hidden 300 ms Delay&lt;/a&gt; - A &lt;code&gt;React.lazy&lt;/code&gt; component always suspends on its first render, and React throttles Suspense reveals to 300ms to avoid flicker, which can be a problem in some cases.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://ebey.dev/blog/3myyseusgd22h" rel="noopener noreferrer"&gt;Async React &amp;amp; Progressive Server Actions&lt;/a&gt; - When using Server Actions with client-side optimistic UI, it’s easy to break your form progressive enhancement behavior. Thankfully, you can restore it with a simple trick: only wire the optimistic action after hydration.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.alexandretrotel.org/articles/understanding-react-internals" rel="noopener noreferrer"&gt;Understanding React internals&lt;/a&gt; - A 6-chapter tour, from Fizz and Flight on the server to hydration, lanes and the commit phase, with code taken from React's source.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://playfulprogramming.com/posts/writable-derived-state/" rel="noopener noreferrer"&gt;Writable Derived State: Stop Synchronizing State&lt;/a&gt; - Instead of syncing server data into local client data with &lt;code&gt;useEffect&lt;/code&gt;, you could simply use &lt;code&gt;clientData ?? serverData&lt;/code&gt;. The client data can be null after a server refresh.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://www.propelauth.com/post/good-consent-screen-for-oauth-and-mcp?utm_source=twir&amp;amp;utm_campaign=nov4&amp;amp;utm_medium=newsletter" rel="noopener noreferrer"&gt;PropelAuth - How to Build a Good Consent Screen for OAuth And MCP&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/reduxjs/redux-toolkit/releases/tag/v2.14.0" rel="noopener noreferrer"&gt;Redux Toolkit 2.14 - Faster dispatch, RTK Query cache entry selectors, DevTools action sanitizer, many RTK Query fixes&lt;/a&gt; - There’s also a new &lt;a href="https://github.com/reduxjs/redux-toolkit/discussions/5536" rel="noopener noreferrer"&gt;2.x and 3.0 roadmap&lt;/a&gt; that announces what’s coming next.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/bvaughn/react-resizable-panels/releases" rel="noopener noreferrer"&gt;React Resizable Panels 4.16 → 4.18 - New &lt;code&gt;&amp;lt;Workspace&amp;gt;&lt;/code&gt; component for IDE-like layouts, draggable and collapsible tabsets&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/preactjs/preact/releases/tag/11.1.0" rel="noopener noreferrer"&gt;Preact 11.1 - &lt;code&gt;preact/compat/compiler-runtime&lt;/code&gt; for React Compiler apps&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/TanStack/redact/releases/tag/%40tanstack%2Fredact%400.3.0" rel="noopener noreferrer"&gt;TanStack Redact 0.3 - Webpack and Rspack plugins for browser SPAs, Rsbuild setup guide&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/inertiajs/inertia/releases" rel="noopener noreferrer"&gt;Inertia 3.10 → 3.11 - Live props refreshed by broadcast events (Laravel Echo), &lt;code&gt;QUERY&lt;/code&gt; HTTP method, stale navigation fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://skullet.lochie.me" rel="noopener noreferrer"&gt;Skullet - Skeleton loading states measured from your real components&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/nickjvandyke/eslint-plugin-react-you-might-not-need-an-effect/releases/tag/v1.1.0" rel="noopener noreferrer"&gt;ESLint Plugin React “You Might Not Need An Effect” 1.1 - Support renamed React hook imports&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/remorses/safe-mdx/releases" rel="noopener noreferrer"&gt;safe-mdx 2.0 → 2.1 - Render MDX in React without eval, streaming parser for LLM output&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://patch.codemagic.io/?utm_source=rn-weekly&amp;amp;utm_medium=newsletter" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F304%2Fcodemagic.jpg" alt="Set up your OTA update server in under twenty mintues"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://patch.codemagic.io/?utm_source=rn-weekly&amp;amp;utm_medium=newsletter" rel="noopener noreferrer"&gt;Set up your OTA update server in under twenty mintues&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Patch is the simplest way to self-host OTA updates. It includes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Install wizard, to get you set up in twenty minutes&lt;/li&gt;
&lt;li&gt;Improved architecture, to avoid autoscaling and complex caching&lt;/li&gt;
&lt;li&gt;Upgrade and backup scripts for the server&lt;/li&gt;
&lt;li&gt;Online dashboard with detailed metrics&lt;/li&gt;
&lt;li&gt;Fingerprinting to prevent incompatible updates&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That way you can avoid the Expo Update or CodePush bills, with just a $12 virtual machine and minimal effort.&lt;/p&gt;

&lt;p&gt;Try it out with the local evaluation stack, which installs the full stack with one command.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://patch.codemagic.io/docs" rel="noopener noreferrer"&gt;https://patch.codemagic.io/docs&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  📱 React-Native
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F304%2Fvega-os-2.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F304%2Fvega-os-2.jpg" alt="Vega OS 2.0"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://developer.amazon.com/apps-and-games/blogs/2026/10/vega-2-0-sdk-launch" rel="noopener noreferrer"&gt;&lt;strong&gt;Vega OS 2.0&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Vega OS 2.0 is out now on every Vega-powered Fire TV, &lt;a href="https://developer.amazon.com/apps-and-games/blogs/2026/10/react-native-for-vega-os" rel="noopener noreferrer"&gt;bringing RN 0.83: React 19, the compiler, Hermes v1, and real DevTools&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;It also brings native APIs, agent-assisted migrations, and stable minors with one major a year.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;TV focus states&lt;/strong&gt; - new boxShadow and outline props, plus compat updates for Navigation, Reanimated, and Lottie.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Beyond RN&lt;/strong&gt; - native APIs for task scheduling and custom UI, with hybrid-UI and periodic-task sample apps.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;DevAssistant&lt;/strong&gt; - docs AI with a Vega domain selector and page-level context, so less doc-hunting.&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-nov4" rel="noopener noreferrer"&gt;build mode - What happens to engineers when AI writes all the code?&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/react/react-native/releases/tag/v0.89.0-rc.0" rel="noopener noreferrer"&gt;React Native 0.89 RC - Faster text layout and native module calls, legacy bridge APIs removed, &lt;code&gt;useAppState()&lt;/code&gt; hook, &lt;code&gt;experimental_onSafeAreaInsetsChange&lt;/code&gt;, global &lt;code&gt;structuredClone&lt;/code&gt;&lt;/a&gt; - A sneak peek of the upcoming version, due Dec 7, with lots of performance work and legacy architecture cleanup.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/react/react-native/pull/59115" rel="noopener noreferrer"&gt;React Native PR - Public visual regression testing for RNTester in CI&lt;/a&gt; - Rendering regressions now surface on public PRs. Unlocks porting the rest of the internal jest-e2e rendering tests.&lt;/li&gt;
&lt;li&gt;🔐 &lt;a href="https://better-auth.com/blog/security-release-2026-11-03" rel="noopener noreferrer"&gt;Better Auth security release - Including a critical fix in the Expo integration&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/tmikov/status/2115687027303928162" rel="noopener noreferrer"&gt;Full Intl implementation for Hermes, based on ICU4X&lt;/a&gt; - ~19MB per platform for complete Intl. RN podspec needs to be updated, so this is only a preview.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/apple-developer-program-explained-free-vs-paid" rel="noopener noreferrer"&gt;Apple Developer Program explained: free vs paid&lt;/a&gt; - Breakdown of tiers and how Expo keeps costs at \$0 until you're ready to publish.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/purrkour-webgpu-typegpu-game-expo-three-days" rel="noopener noreferrer"&gt;A WebGPU cat puzzle game shipped in three days on Expo, with an AI agent as the QA team&lt;/a&gt; - Case study of a solo dev shipping a GPU game to the App Store and web in 3 days with one TypeScript engine, TypeGPU shaders, and agent testing.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://maestro.dev/blog/verify-ui-changes-with-your-coding-agent?utm_source=this-week-in-react&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=verify-ui-changes" rel="noopener noreferrer"&gt;Maestro MCP - How to get your coding agent to verify UI changes on iOS and Android&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://swmansion.com/changelog/react-native-screens-5-0-0-beta-1/" rel="noopener noreferrer"&gt;Screens 5.0 beta - RN 0.88, iOS contained modals, Android Stack v5 animation presets, iOS 27 header minimization controls, Liquid Glass opt-out for form sheets&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/react-native-webview/react-native-webview/releases" rel="noopener noreferrer"&gt;WebView 17.0 → 17.1 - Public RN codegen APIs, RN 0.80+ required, Android &lt;code&gt;profile&lt;/code&gt; prop for isolated cookie jars&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/margelo/react-native-nitro-fetch/releases/tag/v1.10.0" rel="noopener noreferrer"&gt;Nitro Fetch 1.10 - &lt;code&gt;XMLHttpRequest&lt;/code&gt; bridge, non-persisted native &lt;code&gt;prefetch()&lt;/code&gt;, pre-warmed Cronet engine with configurable cache&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstack/react-native-pager-view/releases/tag/v10.0.0" rel="noopener noreferrer"&gt;Pager View 10.0 - Rewritten as a Function component, native view ref, keyboard and nested &lt;code&gt;ScrollView&lt;/code&gt; fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://maestro.dev/blog/maestro-cli-2-12-0" rel="noopener noreferrer"&gt;Maestro 2.12 - Queue priority for Cloud uploads, Xcode 27 simulators, faster Android typing&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/jpudysz/react-native-unistyles/releases" rel="noopener noreferrer"&gt;Unistyles 3.7 → 3.8 - Zero Babel transforms with the Metro integration, 2–8x faster web style updates, DevTools performance track, RN 0.85+ required&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/appandflow/react-native-safe-area-context/releases/tag/v5.11.0" rel="noopener noreferrer"&gt;Safe Area Context 5.11 - Corner-adapted insets, Android subtree insets, web scroll fix&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/margelo/react-native-tgfx" rel="noopener noreferrer"&gt;RN TGFX - Declarative GPU 2D canvas powered by Tencent's tgfx and Nitro&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/wcandillon/react-native-skia/releases/tag/v3.9.0" rel="noopener noreferrer"&gt;Skia 3.9 - &lt;code&gt;colorSpace&lt;/code&gt; prop, async readbacks, background GPU + Imagination fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://nativekeel.com/react-native-0-88-library-readiness" rel="noopener noreferrer"&gt;NativeKeel - Library scanner that checks dependencies for breakage&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://github.com/callstackincubator/simlock" rel="noopener noreferrer"&gt;Simlock - Turn Mac into a simulator cloud that manages itself&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://github.com/vercel-labs/agent-desktop" rel="noopener noreferrer"&gt;Agent-Desktop - Computer use CLI for AI agents on macOS, Windows and Linux, through the accessibility tree&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://github.com/software-mansion/argent/releases/tag/v0.31.0" rel="noopener noreferrer"&gt;Argent 0.31 - HarmonyOS support, faster MCP captures&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://swmansion.com/changelog/react-native-rag-0-11-0/" rel="noopener noreferrer"&gt;RAG 0.11 - async LLM runner, context-length fitting, worklets 0.13 support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://x.com/o_kwasniewski/status/2116237813582582072" rel="noopener noreferrer"&gt;How to make your CI 10x faster with e2e?&lt;/a&gt; - Run only tests that matter. Use a decision-based model to filter by what the change touches instead of the whole suite on every push.&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://argent.swmansion.com/blog/argent-e2e-tutorial/" rel="noopener noreferrer"&gt;Argent e2e Tutorial: Record a Mobile Test and Run It in CI&lt;/a&gt; - The agent records the test once in YAML, then CI replays without any model.&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://www.youtube.com/watch?v=NYOM5ujWI9Y" rel="noopener noreferrer"&gt;Software Mansion podcast - "Maybe React Native Is Impossible" with Chas Jhin from Discord&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🔀 Other
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;🔐 &lt;a href="https://github.blog/changelog/2026-11-02-pull_request_target-blocked-by-default-december-2/" rel="noopener noreferrer"&gt;GitHub Actions - &lt;code&gt;pull_request_target&lt;/code&gt; blocked by default in public repositories from December 2&lt;/a&gt; - Good news for supply chain security. This “feature” led to compromises like TanStack, PostHog, Nx, and more.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://developer.chrome.com/blog/html-in-canvas" rel="noopener noreferrer"&gt;Chrome 157 - HTML-in-Canvas stable: Interactive DOM inside 2D, WebGL, and WebGPU&lt;/a&gt; - Chrome 157 is now out, including this exciting feature (unflagged) that unlocks many creative use cases.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://nodejs.org/en/blog/release/v27.0.0-alpha.0.0.0" rel="noopener noreferrer"&gt;Node.js 27.0 alpha - V8 15.6, npm 12.1, default heap size changes, &lt;code&gt;--allow-env&lt;/code&gt; permission, native &lt;code&gt;fs.glob&lt;/code&gt;, &lt;code&gt;net/promises&lt;/code&gt; API&lt;/a&gt; - The first Alpha of the new release model, not based on even/odd numbers anymore. It becomes Current in April 2027 and LTS in October 2027.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/jsdom/jsdom/releases/tag/v31.0.0" rel="noopener noreferrer"&gt;jsdom 31.0 - New CSS engine&lt;/a&gt; - Faster selector queries and repeated style reads. Now supports many new CSS features such as cascade layers, nesting, scoping, and more.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://v3.parceljs.org/blog/v3-alpha/" rel="noopener noreferrer"&gt;Parcel 3.0 alpha - Rust rewrite, up to 100x faster, standalone binary, native plugins, smarter code splitting&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://rspack.rs/blog/announcing-2-3" rel="noopener noreferrer"&gt;Rspack 2.3 - SWC Next parser, 5–20% faster builds, up to 27% lower memory, less duplicate code across chunks, CSS improvements, new cache (experimental)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://vitest.dev/blog/vitest-5-1" rel="noopener noreferrer"&gt;Vitest 5.1 - &lt;code&gt;--since-last-run&lt;/code&gt;, interactive snapshot review, Trace View on failure by default, faster Browser Mode mocking, 5–10x faster Istanbul instrumentation&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://babeljs.io/blog/2026/11/02/8.1.0" rel="noopener noreferrer"&gt;Babel 8.1 - Import Bytes/Text, filtered namespaces, source map range mappings (experimental), &lt;code&gt;@babel/eslint-plugin&lt;/code&gt; configs&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/trpc/trpc/releases" rel="noopener noreferrer"&gt;tRPC 11.20 → 11.24 - Per-procedure error formatters with &lt;code&gt;.errors()&lt;/code&gt;, stable &lt;code&gt;localLink&lt;/code&gt;, TanStack Query handles (unstable), Next.js App Router cache tags&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://x18n.dev/" rel="noopener noreferrer"&gt;x18n - Lint, view and manage i18n files for any framework&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🤭 Fun
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F304%2Fmeme.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F304%2Fmeme.jpg" alt="Opus 5.5 is smarter than me"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;See ya! 👋&lt;/p&gt;

</description>
      <category>react</category>
      <category>reactnative</category>
    </item>
    <item>
      <title>This Week In React #303 : TanStack, Next.js | Expo Desktop, Legend Spark, Nitro | Node.js, Bun, SWC</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 30 Oct 2026 13:23:18 +0000</pubDate>
      <link>https://dev.to/sebastienlorber/this-week-in-react-303-tanstack-nextjs-expo-desktop-legend-spark-nitro-nodejs-bun-swc-2d2l</link>
      <guid>https://dev.to/sebastienlorber/this-week-in-react-303-tanstack-nextjs-expo-desktop-legend-spark-nitro-nodejs-bun-swc-2d2l</guid>
      <description>&lt;p&gt;Hi everyone, &lt;a href="https://x.com/sebastienlorber" rel="noopener noreferrer"&gt;Seb&lt;/a&gt; and &lt;a href="https://x.com/jaworek3211" rel="noopener noreferrer"&gt;Jan&lt;/a&gt; here 👋!&lt;/p&gt;

&lt;p&gt;This week is full of TanStack releases with Redact, AI, and DB. Redact is a smaller, synchronous version of React.&lt;/p&gt;

&lt;p&gt;On mobile, it's an interesting week for native desktop app development and Nitro. Expo founders are cooking something new 👀.&lt;/p&gt;

&lt;p&gt;Node v26 is now LTS. SWC’s next version is much faster. Bun now ships a code formatter.&lt;/p&gt;

&lt;p&gt;Let's dive in!&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the official newsletter to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://coderabbit.link/twir-007" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F303%2Ftriage.jpg" alt="Prioritize Your PR Queue"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://coderabbit.link/twir-007" rel="noopener noreferrer"&gt;Prioritize Your PR Queue&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Review the PR that matters most. &lt;strong&gt;CodeRabbit Triage&lt;/strong&gt; ranks work across repositories, tells you what to review next and what needs your action. It also flags low-risk PRs that may be ready to close, so your queue shrinks effectively.&lt;/p&gt;

&lt;p&gt;Prioritize your PR flood with &lt;a href="https://coderabbit.link/twir-007" rel="noopener noreferrer"&gt;&lt;strong&gt;CodeRabbit Triage&lt;/strong&gt;&lt;/a&gt;&lt;strong&gt;.&lt;/strong&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  ⚛️ React
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F303%2Fredact.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F303%2Fredact.jpg" alt="TanStack Redact"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://tanstack.com/blog/introducing-tanstack-redact" rel="noopener noreferrer"&gt;&lt;strong&gt;TanStack Redact&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Tanner Linsley's AI-driven React projection experiment is now a real TanStack project adopted in production. Redact is a smaller React-compatible runtime for the browser. Already working with Start, Next.js, Vinext, and Vite. On the server, nothing changes: React still handles SSR and Server Components.&lt;/p&gt;

&lt;p&gt;Although it’s smaller, the main tradeoff is that Redact renders synchronously, without React's time slicing features. The blog post acknowledges that “a heavy render can still delay input”.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://blog.sentry.io/another-year-another-1-000-000-to-open-source-maintainers/" rel="noopener noreferrer"&gt;Sentry - 41 companies have now funded $8.4M through the Open Source Pledge. See how we're supporting OSS.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🔐 &lt;a href="https://nextjs.org/blog/upcoming-nextjs-security-release-november-2026" rel="noopener noreferrer"&gt;Next.js - Upcoming November security release&lt;/a&gt; - Planned for November 3: 7 medium-severity vulnerabilities.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://building.owner.com/project-speed" rel="noopener noreferrer"&gt;Owner - Moving 10K+ restaurant websites from Next.js to Astro&lt;/a&gt; - React now only runs in islands. Their p75 menu-page LCP went from 5.4s to 0.7s.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://denodell.com/blog/design-systems-should-be-fast-by-default" rel="noopener noreferrer"&gt;Design Systems Should Be Fast by Default&lt;/a&gt; - Timed 10 design systems opening a 249-country select and checking 100 checkboxes. Among the 4 React ones, React Spectrum was the slowest to open (227ms), and Ant Design took 6x longer than MUI to check them all.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://sarthakmishra.com/blog/optimizing-tanstack-start" rel="noopener noreferrer"&gt;Optimizing the sh*t out of TanStack Start&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.gmoniava.com/blog/hydration-mismatch-errors-and-how-to-fix-them" rel="noopener noreferrer"&gt;What Is a Hydration Mismatch Error and How Do You Fix It?&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://formisch.dev/blog/ai-writes-forms-hand-it-a-library/" rel="noopener noreferrer"&gt;AI Writes Forms Pretty Well; Here's Why We'd Still Hand It a Library&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://tanstack.com/blog/tanstack-ai-1-0" rel="noopener noreferrer"&gt;TanStack AI 1.0 - Stable core APIs, 23 provider adapters, subagents, MCP servers, experimental agent harness&lt;/a&gt; - The framework-agnostic AI interface removed deprecated APIs and commits to API stability. Comes with first-class React bindings and hooks such as &lt;code&gt;useChat()&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://motion.dev/changelog" rel="noopener noreferrer"&gt;Motion 13.5 → 14.7 - &lt;code&gt;scopeMotion()&lt;/code&gt;, &lt;code&gt;animateLayout()&lt;/code&gt; for vanilla JS, keyboard reordering, &lt;code&gt;stagger&lt;/code&gt; grids, exit transitions&lt;/a&gt; - The new &lt;a href="https://motion.dev/docs/react-use-scope-motion" rel="noopener noreferrer"&gt;&lt;code&gt;useScopeMotion()&lt;/code&gt;&lt;/a&gt; hook groups animations, gestures, and scroll listeners. Then you can stop/cancel them together. Called automatically when a component unmounts.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://vinext.dev/blog/vinext-1-4" rel="noopener noreferrer"&gt;Vinext 1.4 - Less server work, faster hydration, and lighter prefetching&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://tanstack.com/blog/tanstack-db-1.0-rc1-going-all-in-on-oracles" rel="noopener noreferrer"&gt;TanStack DB 1.0 RC - Going All In on Oracles&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/react-hook-form/react-hook-form/releases/tag/v7.91.0" rel="noopener noreferrer"&gt;React Hook Form 7.91 - Field array, async validation and &lt;code&gt;&amp;lt;Form /&amp;gt;&lt;/code&gt; submission fixes, fewer re-renders&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/bvaughn/react-window/releases/tag/2.5.0" rel="noopener noreferrer"&gt;React Window 2.5 - Page scrolling with &lt;code&gt;scrollElement&lt;/code&gt;, headless &lt;code&gt;useVirtualizer()&lt;/code&gt; hook, &lt;code&gt;useIsScrolling()&lt;/code&gt;, &lt;code&gt;scroll-padding&lt;/code&gt; support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/bvaughn/react-resizable-panels/releases/tag/4.15.0" rel="noopener noreferrer"&gt;React Resizable Panels 4.15 - &lt;code&gt;useParentGroup()&lt;/code&gt;, &lt;code&gt;useParentPanel()&lt;/code&gt; and &lt;code&gt;useParentGrid()&lt;/code&gt; hooks, imperative resizing takes space from neighbors&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/module-federation/tanstack" rel="noopener noreferrer"&gt;Module Federation for TanStack Start - Micro-frontends with federated SSR, for Vite and Rsbuild&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://nextjs.org/blog/ship-less-javascript-with-ai" rel="noopener noreferrer"&gt;Next.js skill - next-bundle-optimizer&lt;/a&gt; - This new Vercel skill for Next.js 16.4 gives your agent the Turbopack module graph to optimize your app. It can find imports that defeat lazy loading, duplicated dependencies, and failed tree shaking.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://patch.codemagic.io/?utm_source=rn-weekly&amp;amp;utm_medium=newsletter" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F303%2Fcodemagic.jpg" alt="Set up your OTA update server in under twenty mintues"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://patch.codemagic.io/?utm_source=rn-weekly&amp;amp;utm_medium=newsletter" rel="noopener noreferrer"&gt;Set up your OTA update server in under twenty mintues&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Patch is the simplest way to self-host OTA updates. It includes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Install wizard, to get you set up in twenty minutes&lt;/li&gt;
&lt;li&gt;Improved architecture, to avoid autoscaling and complex caching&lt;/li&gt;
&lt;li&gt;Upgrade and backup scripts for the server&lt;/li&gt;
&lt;li&gt;Online dashboard with detailed metrics&lt;/li&gt;
&lt;li&gt;Fingerprinting to prevent incompatible updates&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That way you can the Expo Update or CodePush bills, with just a $12 virtual machine and minimal effort.&lt;/p&gt;

&lt;p&gt;Try it out with the local evaluation stack, which installs the full stack with one command.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://patch.codemagic.io/docs" rel="noopener noreferrer"&gt;https://patch.codemagic.io/docs&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  📱 React-Native
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F303%2Fexpo-desktop.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F303%2Fexpo-desktop.jpg" alt="React Native on Desktop"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;React Native on Desktop&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;React Native on desktop had a big week in 3 acts:&lt;/p&gt;

&lt;p&gt;📦 &lt;a href="https://devblogs.microsoft.com/react-native/react-native-windows-v0-85-is-here/" rel="noopener noreferrer"&gt;&lt;strong&gt;React Native Windows 0.85&lt;/strong&gt;&lt;/a&gt; is out, completing the move to the New Architecture.&lt;/p&gt;

&lt;p&gt;📦 &lt;a href="https://expo-desktop-docs.vercel.app" rel="noopener noreferrer"&gt;&lt;strong&gt;Expo Desktop v1&lt;/strong&gt;&lt;/a&gt; is an independent project from Jamie Birch, not endorsed or maintained by Expo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Best-effort macOS and Windows support for Expo apps: create an app with &lt;code&gt;npx expo-desktop create-app&lt;/code&gt;, then run Prebuild, CNG, and &lt;code&gt;run macos/windows&lt;/code&gt; commands&lt;/li&gt;
&lt;li&gt;One Expo codebase targets iOS, Android, web, macOS, and Windows&lt;/li&gt;
&lt;li&gt;Currently running on Expo SDK 55 until the native macOS (RN 0.83) catches up.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;📦 &lt;a href="https://legend.so/spark" rel="noopener noreferrer"&gt;&lt;strong&gt;Legend Spark&lt;/strong&gt;&lt;/a&gt; is a desktop framework from Jay Meistrich built right on top of it, aiming to ease the migration from Electron/Tauri:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Desktop modules included: window management, menu bar icons, and friends&lt;/li&gt;
&lt;li&gt;No Xcode or native build to get started: new apps open in a prebuilt runner, like Expo Go for desktop. Upgrade to a custom build when you need new modules or want to publish.&lt;/li&gt;
&lt;li&gt;Patches libraries that don't support desktop yet&lt;/li&gt;
&lt;li&gt;Dogfooded: all of the Legend apps (Diff, Code, Music, Chat History, Photos) already run on Spark.&lt;/li&gt;
&lt;li&gt;Windows support in progress.&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;&lt;strong&gt;Nitro breaks out of React Native&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Interesting week for Nitro too:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/mrousavy/status/2113257713169821719" rel="noopener noreferrer"&gt;Nitro v1 enters alpha&lt;/a&gt;: HybridObject becomes an actual class, with a new API and better performance.&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/mrousavy/status/2111448600878215398" rel="noopener noreferrer"&gt;Decoupled from React Native&lt;/a&gt;: the new &lt;code&gt;nitro-core&lt;/code&gt; package needs only JSI, opening the door to Lynx, NativeScript, and any JSI runtime.&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/birch_js/status/2114726433734156536" rel="noopener noreferrer"&gt;Nitro Modules on Node.js&lt;/a&gt;: runs on Node through &lt;code&gt;node-api-jsi&lt;/code&gt;, ABI-stable prebuilt binaries, early WIP.&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-oct28" rel="noopener noreferrer"&gt;PostHog - 6-7 loops we use every day to make PostHog self-driving&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/ccheever/exact2" rel="noopener noreferrer"&gt;Exact - Write an app once, run it natively on the web, macOS, iOS, and Linux, and let an agent build, run, see, and test it&lt;/a&gt; - Expo founders are actively working on a new native and agentic cross-platform development solution. Not React, using a Contract UI/interaction DSL. This has been lightly 𝕏 &lt;a href="https://x.com/ccheever/status/2113554158074949749" rel="noopener noreferrer"&gt;teased by Charlie Cheever&lt;/a&gt;, and we’ll probably have an announcement soon. The repo is already public, so you can have a sneak peek of what’s cooking here.&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/tomekzaw_/status/2112627064025358658" rel="noopener noreferrer"&gt;React Native perf updates in the works - 24% less JS thread CPU, 40% fewer scroll hitches on iOS, 86% less Yoga layout work&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://wcandillon.dev/article/hello-graphite-performance" rel="noopener noreferrer"&gt;Hello, Graphite: Performance&lt;/a&gt; - The move from Ganesh to Graphite improved performance of RN Skia. Reaching 120fps on much more complex scenes is achievable now.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://swmansion.com/blog/introducing-scroll-view-marker-in-react-native-screens/" rel="noopener noreferrer"&gt;Introducing ScrollViewMarker in react-native-screens&lt;/a&gt; - Upcoming Screens 5 fixes tabs not minimizing when scrolling by letting you declare the content scroll view.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/doodraw-rust-gpu-engine-expo-config-plugin-100k-installs" rel="noopener noreferrer"&gt;A 30,000-line Rust GPU engine on Expo, and 120,000 installs without ads&lt;/a&gt; - Case study of a 2-person team shipping to iOS, Android, and Windows with one Expo codebase and a Rust engine wrapped in native modules and a config plugin.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/supporting-iphone-duo" rel="noopener noreferrer"&gt;Expo - How to ready your app for iPhone Duo: SDK 58 changes, Expo Router, and new APIs&lt;/a&gt; - New horizontal safe area insets for the rail, plus new APIs for the rest of the hardware, &lt;code&gt;expo-hinge&lt;/code&gt; for the angle, reserved regions for the fold, and &lt;code&gt;ArrangementView&lt;/code&gt; for two-pane layouts.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://codewithbeto.dev/blog/how-react-native-works-under-the-hood" rel="noopener noreferrer"&gt;How React Native Works Under the Hood&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://docs.maestro.dev/get-started/maestro-mcp?utm_source=this-week-in-react" rel="noopener noreferrer"&gt;Maestro MCP - Let your coding agent write, run and debug your UI tests&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/jpudysz/react-native-unistyles/releases/tag/v3.6.0" rel="noopener noreferrer"&gt;Unistyles 3.6 - Experimental zero-config Metro integration, 2x faster plain view re-renders, Reanimated CSS transitions follow theme changes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/ammarahm-ed/react-native-actions-sheet/releases/tag/v11.0.0" rel="noopener noreferrer"&gt;Actions Sheet 11.0 - UI-thread gesture engine, velocity-based snapping, SheetGestureBlocker for maps and WebViews&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstack/react-native-bottom-tabs/releases" rel="noopener noreferrer"&gt;Bottom Tabs 1.5 - RN 0.87 support, Swift Package Manager, prominent tab role on iOS 27+, AGP 9 fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/radon-ide/releases/tag/v1.20.0" rel="noopener noreferrer"&gt;Radon 1.20 - iPhone Duo simulator support, React Native 0.88, Expo SDK 58&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstack/react-native-builder-bob/releases/tag/create-react-native-library%400.64.0" rel="noopener noreferrer"&gt;CRNL 0.64 - C++ template graduates from experimental, React Native 0.88, Expo SDK 58&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://keyframer.dev/inspector" rel="noopener noreferrer"&gt;Keyframer Inspector - Animation debugger for dev builds: dropped frames, slow motion, spring tuning written back to code&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/LegendApp/legend-list/releases/tag/v3.7.0" rel="noopener noreferrer"&gt;Legend List 3.7 - Reliable programmatic scrolling, new cancelScroll, scrollToKey and anchorVisibleContent ref methods&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/adnxy/rnsec/releases/tag/v1.4.0" rel="noopener noreferrer"&gt;RNSEC 1.4 - 18 new security rules, CI integrations with SARIF and baselines, fewer false positives&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/getsentry/sentry-react-native/releases/tag/8.32.0" rel="noopener noreferrer"&gt;Sentry 8.32 - Traces linked into embedded WebViews and Expo DOM components&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://expo.dev/blog/introducing-expo-agent-cli" rel="noopener noreferrer"&gt;Expo Agent CLI&lt;/a&gt; - Helps coding agents understand Expo projects, use npm package co-located skills, run apps and development workflows.&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://github.com/software-mansion/argent/releases/tag/v0.30.0" rel="noopener noreferrer"&gt;Argent 0.30 - Fold Android emulators, capture XMLHttpRequest and axios traffic, flows renamed to e2e&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://github.com/callstack/agent-device/releases" rel="noopener noreferrer"&gt;Agent Device 0.21.32 - React components inspectable through Metro, Fire TV and native macOS app support, multi-touch and hardware buttons&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://github.com/software-mansion/react-native-executorch/releases/tag/v0.11.0" rel="noopener noreferrer"&gt;ExecuTorch 0.11 - LLM sampler with constrained decoding, 16k context, depth estimation, image inpainting, on-device vector store&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🔀 Other
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;🔐 &lt;a href="https://nodejs.org/en/blog/vulnerability/october-2026-security-releases" rel="noopener noreferrer"&gt;Node.js security releases - “Node2Shell” remote code execution in Brotli decoder&lt;/a&gt; - Upgrade your Node.js (or Bun) now if your app decodes Brotli data under someone else's control.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://nolanlawson.com/2026/10/28/the-ai-cost-of-javascript-frameworks/" rel="noopener noreferrer"&gt;The AI cost of JavaScript frameworks&lt;/a&gt; - Building the same Pokédex app with Claude in 12 frameworks, with a conformance test suite.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://nodejs.org/en/blog/release/v26.13.0" rel="noopener noreferrer"&gt;Node.js 26.13 - New "Lithium" LTS&lt;/a&gt; - v26 just transitioned into Long Term Support.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://bun.com/blog/bun-v1.4.4" rel="noopener noreferrer"&gt;Bun 1.4.4 - &lt;code&gt;bun fmt&lt;/code&gt;, faster &lt;code&gt;bun check&lt;/code&gt;, and more&lt;/a&gt; - Comes with a new Prettier-compatible code formatter and many other improvements. Also fixes the Node2Shell vulnerability.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/swc-project/swc-next" rel="noopener noreferrer"&gt;SWC Next - Flat ESTree-based AST, up to 3x faster native parsing, up to 10x faster through the JS API&lt;/a&gt; - The next version of SWC will be much faster. Takes inspiration from the Yuku parser architecture. Coming in Rspack 2.3.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://reylo.dev/" rel="noopener noreferrer"&gt;Reylo - Import &lt;code&gt;.sql&lt;/code&gt; files into TypeScript with full type inference&lt;/a&gt; - The creator of Zod leverages the brand-new TS 7.1 (beta) content mappers to infer types from SQL files. He also released &lt;a href="https://github.com/colinhacks/motherload" rel="noopener noreferrer"&gt;Motherload&lt;/a&gt;, which does the same and provides type safety for TOML, YAML, CSV, Markdown front matter, &lt;code&gt;.env&lt;/code&gt;, and other data files.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://pnpm.io/blog?type=releases" rel="noopener noreferrer"&gt;pnpm 12.14 → 12.16 - &lt;code&gt;pnpm-workspace.yml&lt;/code&gt; includes, tar-based lockfile integrity, zstd registry responses, global &lt;code&gt;--env-file&lt;/code&gt;, security fixes&lt;/a&gt; - As a heavy catalogs user, I particularly like the ability to split my large config file into multiple smaller and focused parts.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://biomejs.dev/blog/biome-v2-6/" rel="noopener noreferrer"&gt;Biome 2.6 - Markdown, YAML and SCSS support, JavaScript plugins (preview), Tailwind v4 class sorting, &lt;code&gt;biome inspect&lt;/code&gt;, new type inference engine&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/159" rel="noopener noreferrer"&gt;Firefox 159 - Scroll-driven animations, scoped custom element registries, streaming HTML sanitization&lt;/a&gt; - CSS scroll-driven animations are now available in all browsers!&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://webkit.org/blog/" rel="noopener noreferrer"&gt;Safari 27.1 → 27.2 - iPhone Duo, Device Posture and Viewport Segments APIs behind flags&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/remix-run/remix/releases/tag/remix%403.1.0" rel="noopener noreferrer"&gt;Remix 3.1 - 2x faster SSR, frame prefetching with &lt;code&gt;prefetch()&lt;/code&gt;, streaming file uploads (future API)&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🤭 Fun
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F303%2Fmeme.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F303%2Fmeme.jpg" alt="Jamie Birch: Finally, we can write native apps in SwiftUI (quoting &amp;quot;SwiftUI finally has a native WebView in iOS 26&amp;quot;)"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;See ya! 👋&lt;/p&gt;

</description>
      <category>react</category>
      <category>reactnative</category>
    </item>
    <item>
      <title>This Week In React #302 : Next.js, React Router, DevTools, Security | RN 0.88, Expo 58, Navigation | TypeScript, PHP, CrUX</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 23 Oct 2026 12:30:07 +0000</pubDate>
      <link>https://dev.to/sebastienlorber/this-week-in-react-302-nextjs-react-router-devtools-security-rn-088-expo-58-navigation-1dk0</link>
      <guid>https://dev.to/sebastienlorber/this-week-in-react-302-nextjs-react-router-devtools-security-rn-088-expo-58-navigation-1dk0</guid>
      <description>&lt;p&gt;Hi everyone, &lt;a href="https://x.com/sebastienlorber" rel="noopener noreferrer"&gt;Seb&lt;/a&gt; and &lt;a href="https://x.com/jaworek3211" rel="noopener noreferrer"&gt;Jan&lt;/a&gt; here 👋!&lt;/p&gt;

&lt;p&gt;It’s a heavy security week, with patches from React and Next.js. Not React-related, but there's also a very bad “php2shell” vulnerability that has just been disclosed. Upgrade now!&lt;/p&gt;

&lt;p&gt;On mobile, React Native 0.88 is out, switching to the web event model with no breaking changes. Expo SDK 58 ships with tons of features, ready for iOS 27 and iPhone Duo.&lt;/p&gt;

&lt;p&gt;Outside React, TypeScript makes the headlines. v7.1 is in beta, with a new API to build devtools upon. A Rust port of the type checker is now backed by Cloudflare/VoidZero, and already faster than the official Go version.&lt;/p&gt;

&lt;p&gt;Let's dive in!&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the official newsletter to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://github.com/nobodywho-ooo/nobodywho" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F302%2Fnobodywho.png" alt="On-device AI for React &amp;amp; React Native"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://github.com/nobodywho-ooo/nobodywho" rel="noopener noreferrer"&gt;On-device AI for React &amp;amp; React Native&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;NobodyWho is a library for running LLMs locally &amp;amp; offline on any OS. GPU-accelerated via Vulkan or Metal.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Any LLM&lt;/strong&gt;: Gemma, Qwen, Mistral and more in .gguf format&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Type-safe tool calling&lt;/strong&gt;: automatically generates structured grammars from your function signatures&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Multimodal input&lt;/strong&gt;: provide image and audio information to your LLM&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Text-to-speech&lt;/strong&gt;: synthesize local WAV audio with Kokoro, Pocket TTS and Supertonic backends&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Speech-to-text&lt;/strong&gt;: transcribe audio into text with Whisper&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Voice Activity Detection&lt;/strong&gt;: know when to stop listening and start transcribing with Silero&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Available for &lt;strong&gt;React Native&lt;/strong&gt;, &lt;strong&gt;Expo&lt;/strong&gt;, but also for Flutter, Swift, Kotlin, Python, Godot and in React very soon thanks &lt;strong&gt;WebAssembly&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Star the&lt;/strong&gt; &lt;a href="https://github.com/nobodywho-ooo/nobodywho" rel="noopener noreferrer"&gt;&lt;strong&gt;repo&lt;/strong&gt;&lt;/a&gt; if NobodyWho is useful to you, it is how people find us ❤️&lt;/p&gt;




&lt;h2&gt;
  
  
  ⚛️ React
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-oct21" rel="noopener noreferrer"&gt;build mode - What nobody tells you about writing agent skills&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🔐 &lt;a href="https://github.com/react/react/security/advisories/GHSA-xqc2-xf4c-x3h3" rel="noopener noreferrer"&gt;React vulnerability - Unauthenticated Remote Code Execution in React Server Components&lt;/a&gt; - Patched in React 19.3.1 and the 19.0.9, 19.1.10 and 19.2.9 backports, together with a Server Functions DoS. In Next.js, the RCE affects &lt;code&gt;"use cache"&lt;/code&gt; functions returning multiple typed arrays. Upgrade to &lt;a href="https://nextjs.org/blog/nextjs-security-update-october-14-2026" rel="noopener noreferrer"&gt;16.4.1 or 15.5.28&lt;/a&gt;, which also fixes a critical RCE in sharp via SVG images.&lt;/li&gt;
&lt;li&gt;📅 &lt;a href="https://luma.com/g9q690i2" rel="noopener noreferrer"&gt;React Foundation Meetup - Nov 11, London&lt;/a&gt; - We &lt;a href="https://thisweekinreact.com/newsletter/300#react:~:text=React%20Foundation%20news" rel="noopener noreferrer"&gt;recently mentioned&lt;/a&gt; a React Foundation contributor summit, invite-only. But there’s also the first official React Foundation public meetup happening the same week at Meta King’s Cross.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/vercel/next.js/pull/99871" rel="noopener noreferrer"&gt;Next.js PR - &lt;code&gt;&amp;lt;Link prefetch="navigation"&amp;gt;&lt;/code&gt;&lt;/a&gt; - Adds a way to prefetch past the recently-introduced &lt;code&gt;await navigation()&lt;/code&gt; boundaries for links users are likely to click.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://react.dev/reference/dev-tools/react-devtools-cdt-mcp" rel="noopener noreferrer"&gt;React docs - React DevTools for agents&lt;/a&gt; - The experimental &lt;code&gt;react-devtools-cdt-mcp&lt;/code&gt; package is now documented, with a live sandbox. Registers 12 additional React-specific tools with the Chrome DevTools MCP.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://nextjs.org/blog/improving-navigation-experience-in-v0-with-nextjs-16-4" rel="noopener noreferrer"&gt;Improving navigation experience in v0 with Next.js 16.4&lt;/a&gt; - The &lt;code&gt;next-partial-prefetching-optimizer&lt;/code&gt; skill helps your agent refactor until an &lt;code&gt;instant()&lt;/code&gt; test proves the UI is ready before the click.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://base-ui.com/blog/building-a-filterable-menu" rel="noopener noreferrer"&gt;Building a filterable menu that works for everyone&lt;/a&gt; - Adding an input to a menu is easy, making it accessible isn’t. Base UI explains its ARIA choices (dialog, not combobox), keyboard and submenu UX.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://mattrothenberg.com/notes/pure-ui-agentic-era/" rel="noopener noreferrer"&gt;Pure UI in the Agentic Era&lt;/a&gt; - Practical advice for reviewing agent-written UI: make components pure, pass state as explicit inputs, render every combination as a grid.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://reactrouter.com/changelog#v850" rel="noopener noreferrer"&gt;React Router 8.5 - Deprecated view transition APIs, unstable API-only mode&lt;/a&gt; - Now recommends React 19.3’s &lt;code&gt;&amp;lt;ViewTransition&amp;gt;&lt;/code&gt;, wrapped around an &lt;code&gt;&amp;lt;Outlet&amp;gt;&lt;/code&gt;. The new API-only mode serves prerendered HTML from a CDN, while loaders and actions run on a server that can live on another origin.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/pmndrs/react-three-fiber/releases/tag/v10.0.0-alpha.6" rel="noopener noreferrer"&gt;React Three Fiber 10.0 alpha 6 - WebGPU renderer by default, better React 19 support&lt;/a&gt; - The upcoming major now works with &lt;code&gt;&amp;lt;Activity&amp;gt;&lt;/code&gt; and &lt;code&gt;&amp;lt;ViewTransition&amp;gt;&lt;/code&gt;. StrictMode and Fast Refresh no longer rebuild the Canvas.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://hydrogen.shopify.dev/update/hydrogen-2026-10-now-available" rel="noopener noreferrer"&gt;Hydrogen 2026-10&lt;/a&gt; - Shopify Hydrogen is now a library, not a framework. Bring Shopify commerce to your existing Next.js or React Router app, with skills for coding agents. Built-in WebMCP support.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://ui.shadcn.com/docs/changelog/2026-10-ai-elements" rel="noopener noreferrer"&gt;shadcn/ui - AI Elements, Trace and Code Block&lt;/a&gt; - 21 copy-paste patterns for agent UIs. They replace Vercel’s AI SDK Elements, which will be deprecated.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://vinext.dev/blog" rel="noopener noreferrer"&gt;Vinext 1.2 → 1.3 - 69% fewer JS requests per page, 5x faster cold starts, cache key collision fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://mutative.js.org/blog/releases/2.0" rel="noopener noreferrer"&gt;Mutative 2.0 - Faster updates, safer patches&lt;/a&gt; - Same API, 3.6x faster than Immer on their benchmarks, for a bigger bundle (7.9 vs 3.6 kB).&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/immerjs/immer/releases/tag/v11.2.0" rel="noopener noreferrer"&gt;Immer 11.2 - &lt;code&gt;isModified()&lt;/code&gt; helper&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/bvaughn/react-window/releases/tag/2.4.0" rel="noopener noreferrer"&gt;React Window 2.4 - Server rendering improvements&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://astryx.atmeta.com/blog/introducing-astryx-richtext" rel="noopener noreferrer"&gt;Astryx RichText - Lexical-based rich text field with lossless Markdown&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://x.com/davidhaz/status/2110662315959803905" rel="noopener noreferrer"&gt;React Bits 2.0 - 215 animated React components, rebuilt design tools&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://c15t.com/changelog/3.0.0" rel="noopener noreferrer"&gt;c15t v3 - One consent engine for 8 frameworks, banner in the server HTML&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://julesblom.com/react-trees" rel="noopener noreferrer"&gt;React Trees Playground - Paste React code, see its parent and owner trees&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://surveyjs.io/?utm_source=this-week-in-react&amp;amp;utm_medium=email" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F293%2Fsurvey.jpg" alt="Make Forms a Scalable Part of Your React App"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://surveyjs.io/?utm_source=this-week-in-react&amp;amp;utm_medium=email" rel="noopener noreferrer"&gt;Make Forms a Scalable Part of Your React App&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Product teams need to launch new forms and update existing ones. Developers shouldn't have to edit fields, labels, and validation rules for every change. &lt;a href="https://surveyjs.io/?utm_source=this-week-in-react&amp;amp;utm_medium=email" rel="noopener noreferrer"&gt;&lt;strong&gt;SurveyJS&lt;/strong&gt;&lt;/a&gt; &lt;strong&gt;provides a JSON-driven form library and an embeddable drag-and-drop form builder&lt;/strong&gt; for your React application.&lt;/p&gt;

&lt;p&gt;Customize SurveyJS components to match your UI with custom themes or ready-to-use &lt;em&gt;theme adapters for Bootstrap, shadcn/ui, and Material UI&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;• Works with any backend and database&lt;br&gt;&lt;br&gt;
• Fits your existing design system&lt;br&gt;&lt;br&gt;
• Keeps developers in control of architecture and data&lt;/p&gt;

&lt;p&gt;Developers control the UI and data. Business users update forms visually without waiting for every change to be coded. 🚀&lt;/p&gt;




&lt;h2&gt;
  
  
  📱 React-Native
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F302%2Freact-native-088.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F302%2Freact-native-088.jpg" alt="React Native 0.88"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://reactnative.dev/blog/2026/10/19/react-native-0.88" rel="noopener noreferrer"&gt;&lt;strong&gt;React Native 0.88&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The new release is out with one of the largest runtime changes in years! Events are now dispatched through the W3C &lt;a href="https://developer.mozilla.org/en-US/docs/Web/API/EventTarget" rel="noopener noreferrer"&gt;&lt;code&gt;EventTarget&lt;/code&gt;&lt;/a&gt; API by default. This is the same model as on the web, making it possible to share event handling code between web and native. This opens the path to web-compatible imperative APIs in the future. And yet, it’s a third release with no user-facing breaking changes, after 0.83 and 0.86.&lt;/p&gt;

&lt;p&gt;Other key highlights include:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;SceneDelegate on iOS&lt;/strong&gt; - support for the &lt;code&gt;UIScene&lt;/code&gt; lifecycle required by the iOS 27 SDK, added additively.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Variable fonts&lt;/strong&gt; - &lt;code&gt;fontVariationSettings&lt;/code&gt; on &lt;code&gt;Text&lt;/code&gt; and &lt;code&gt;TextInput&lt;/code&gt;, on Android and iOS, in object or CSS string form.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;ArrayBuffer for Java TurboModules&lt;/strong&gt; - binary data no longer needs base64 or number-array encoding, and synchronous calls can borrow JavaScript memory instead of copying it.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Swift Package Manager improvements&lt;/strong&gt; - still experimental, but iOS versions now come from the app's deployment target, and Xcode builds no longer break for libraries shipping their own &lt;code&gt;Package.swift&lt;/code&gt;. 0.89 targets SwiftPM as the default.&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F302%2Fexpo-sdk-58.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F302%2Fexpo-sdk-58.jpg" alt="Expo SDK 58"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://expo.dev/changelog/sdk-58" rel="noopener noreferrer"&gt;&lt;strong&gt;Expo SDK 58&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A React Native release is not enough! Expo SDK 58 is out with React Native 0.88, built for iOS 27 and ready for iPhone Duo on day one, and it comes with a long list of improvements of its own. Too many to list them all, so here are the highlights:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Expo Modules 2.0 (beta)&lt;/strong&gt; - plain Swift and Kotlin classes with annotations, with sync calls 2.5-5.6x faster than the DSL on iOS and faster than TurboModules in all twelve Android microbenchmarks.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Faster builds and faster modules&lt;/strong&gt; - prebuilt &lt;code&gt;expo-modules-core&lt;/code&gt; Android libraries cut a clean four-ABI debug build from about 80 seconds to about 39, and iOS calls passing long strings are up to 3.8x faster.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://expo.dev/blog/introducing-expo-app-intents" rel="noopener noreferrer"&gt;&lt;strong&gt;App Intents&lt;/strong&gt;&lt;/a&gt; &lt;strong&gt;(alpha)&lt;/strong&gt; - &lt;code&gt;expo-app-intents&lt;/code&gt; exposes your app to Siri, Shortcuts, Spotlight, and Apple Intelligence.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Expo UI and Android home screen widgets&lt;/strong&gt; - lists recycle rows now, iOS gains NavigationStack and Toolbar, and &lt;code&gt;expo-widgets&lt;/code&gt; runs on Android with its own Hermes runtime.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;A CLI built for agents&lt;/strong&gt; - the experimental &lt;code&gt;@expo/agent-cli&lt;/code&gt; wraps Expo CLI, EAS CLI, and &lt;code&gt;expo-doctor&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Expo Router&lt;/strong&gt; - data loaders, SSR and middleware are now stable, alongside native tabs and a reworked navigation core.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;And a few more: an experimental Rust transformer for roughly 2x faster cold bundling, SwiftPM groundwork for Expo apps, and Expo Observe gaining control over automatic error recording.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://deploypulse.io/" rel="noopener noreferrer"&gt;DeployPulse - Hosted OTA updates for React Native. A drop-in replacement for CodePush and EAS Update.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💬 &lt;a href="https://github.com/react-native-community/discussions-and-proposals/pull/1027" rel="noopener noreferrer"&gt;RFC - API removal strategy in React Native&lt;/a&gt; - Removed APIs like &lt;code&gt;InteractionManager&lt;/code&gt; throw on access. This proposes alternatives so that library authors can more easily use feature detection to keep supporting older React Native versions.&lt;/li&gt;
&lt;li&gt;📣 &lt;a href="https://github.com/zoontek/react-native-edge-to-edge" rel="noopener noreferrer"&gt;React Native Edge to Edge is now deprecated&lt;/a&gt; - RN 0.86+ ships the fixes natively: set &lt;code&gt;edgeToEdgeEnabled=true&lt;/code&gt; in &lt;code&gt;gradle.properties&lt;/code&gt; instead.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://x.com/reactnavigation/status/2110358651449868302" rel="noopener noreferrer"&gt;Icons and iOS 27 updates in React Navigation 8&lt;/a&gt; - Native tabs now accept custom SF Symbols and VectorDrawables. With Nano Icons, you can use SVG icons in native tabs without hurting performance. Also includes filled Material Symbols and the iOS 27 prominent tab.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://dev.to/amazonappdev/openiap-adds-supports-for-amazon-33b"&gt;OpenIAP adds support for Amazon&lt;/a&gt; - &lt;code&gt;react-native-iap&lt;/code&gt; and &lt;code&gt;expo-iap&lt;/code&gt; can now sell on Fire OS and Vega OS with the same APIs.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/teamreach-ota-updates-relaunch" rel="noopener noreferrer"&gt;Relaunching TeamReach: how OTA updates saved a 5,000,000-user cutover&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.callstack.com/blog/multi-window-react-native-apps-with-the-meta-vr-layout-sdk" rel="noopener noreferrer"&gt;Multi-Window React Native Apps With the Meta VR Layout SDK&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.callstack.com/blog/give-qa-agents-the-controls-they-need-with-appduct" rel="noopener noreferrer"&gt;Control App Test Conditions With Appduct for AI QA Agents&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://docs.maestro.dev/get-started/maestro-mcp?utm_source=this-week-in-react" rel="noopener noreferrer"&gt;Maestro MCP - Let your coding agent write, run and debug your UI tests&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://expo.dev/blog/xcode-27-device-hub-expo-device-hub" rel="noopener noreferrer"&gt;expo-device-hub - Your simulators and emulators in a browser tab&lt;/a&gt; - Also fixes the Expo CLI &lt;code&gt;i&lt;/code&gt; shortcut, broken by Xcode 27 after the removal of &lt;code&gt;Simulator.app&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/DylanVann/react-native-fast-image/releases/tag/v10.0.0" rel="noopener noreferrer"&gt;FastImage 10.0 - New Architecture rewrite, &lt;code&gt;objectFit&lt;/code&gt; replaces &lt;code&gt;resizeMode&lt;/code&gt;, &lt;code&gt;objectPosition&lt;/code&gt; added&lt;/a&gt; - The original library is actively maintained again.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://swmansion.com/changelog/react-native-screens-4-30-0/" rel="noopener noreferrer"&gt;Screens 4.30 - iPhone Duo support, opaque headers fixed on iOS 26+, &lt;code&gt;prominentScreenKey&lt;/code&gt; for Tabs&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/react-native-gesture-handler/releases/tag/v3.4.0" rel="noopener noreferrer"&gt;Gesture Handler 3.4 - iOS SPM support, &lt;code&gt;immediatePressOut&lt;/code&gt; prop&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion-labs/react-native-bottom-sheet/releases/tag/v0.17.0" rel="noopener noreferrer"&gt;Bottom Sheet 0.17 - Scroll handoff with nested scrollables, percentage detents&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/uni-stack/uniwind/releases/tag/v1.13.0" rel="noopener noreferrer"&gt;Uniwind 1.13 - CSS cascade order on native&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/margelo/react-native-nitro-fetch/releases/tag/v1.9.0" rel="noopener noreferrer"&gt;Nitro Fetch 1.9 - iOS WebSockets on &lt;code&gt;Network.framework&lt;/code&gt; (~30% faster), built-in SSL pinning, Android perf fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/natew/react-native-gpui" rel="noopener noreferrer"&gt;RN GPUI - Render React Native components natively with GPUI, Zed's Rust UI framework (macOS only)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/gmi-software/react-native-better-pdf/releases/tag/v1.1.0" rel="noopener noreferrer"&gt;Better PDF 1.1 - Several files as one document, base64 sources, cheaper long documents&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/retyui/babel-plugin-react-native-direct-imports" rel="noopener noreferrer"&gt;Babel Plugin RN Direct Imports - Rewrite react-native barrel imports into direct module imports, so your bundle only includes the APIs you use&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/batical/react-native-skia-webgpu-video" rel="noopener noreferrer"&gt;Skia WebGPU Video 0.1 Beta - Video playback, composition and export for React Native Skia 3 and WebGPU&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://developer.apple.com/documentation/xcode-release-notes/xcode-27_1-release-notes" rel="noopener noreferrer"&gt;Xcode 27.1 - Swift 6.4, iOS 27.1 SDKs, iPhone Duo support&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🔀 Other
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;📣 &lt;a href="https://web.dev/blog/crux-experimental-soft-navs/" rel="noopener noreferrer"&gt;Experimental soft navigation metrics now available in CrUX&lt;/a&gt; - Exciting news for SPA / client-side routing frameworks! Core Web Vitals takes into account soft navigations, measuring the full navigation session instead of only the initial page load, and the Chrome User Experience Report dataset now exposes these metrics as experimental. Use the &lt;a href="https://cruxvis.withgoogle.com/#/?view=cwvsummary&amp;amp;url=https%3A%2F%2Freact.dev%2F&amp;amp;identifier=origin&amp;amp;device=PHONE&amp;amp;periodStart=0&amp;amp;periodEnd=-1&amp;amp;display=p75s" rel="noopener noreferrer"&gt;CrUX Vis&lt;/a&gt; tool and check the “Include soft navigations” toggle to see the score impact on any site. The React site’s score is improving because subsequent navigations are faster than the initial page load.&lt;/li&gt;
&lt;li&gt;🔐 &lt;a href="https://www.php.net/archive/2026.php#2026-10-21-5" rel="noopener noreferrer"&gt;PHP - Critical remote code execution vulnerabilities&lt;/a&gt; - These 2 “php2shell” RCEs look really bad: no login needed, affecting PHP since 5.4. Yes, that includes your WordPress and Laravel sites. Upgrade now!&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.joshwcomeau.com/css/interop-2027/" rel="noopener noreferrer"&gt;The Future of CSS&lt;/a&gt; - Josh Comeau’s top 10 picks for Interop 2027, nicely presented with browser support and interactive demos.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://jakearchibald.com/2026/jpeg-xl-vs-avif/" rel="noopener noreferrer"&gt;JPEG XL vs AVIF for web use-cases&lt;/a&gt; - JPEG XL recently landed in all browsers. AVIF remains better for lossy compression, but JPEG XL wins for lossless compression and recompressing existing JPEGs.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://devblogs.microsoft.com/typescript/announcing-typescript-7-1-beta/" rel="noopener noreferrer"&gt;TypeScript 7.1 beta - New TypeScript API, Import Attributes in Ambient Modules, stable &lt;code&gt;es2026&lt;/code&gt; lib/target, performance improvements&lt;/a&gt; - The real highlight is the new TypeScript API, unlocking ecosystem tools such as TypeScript-ESLint to integrate with TypeScript 7. Content Mappers are a game changer for improving the type safety of external files such as MDX, Astro, CSS Modules, Vue, and more.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://blog.cloudflare.com/typescript-rust-port/" rel="noopener noreferrer"&gt;tsrs - Rust port of the TypeScript 7 type checker and LSP&lt;/a&gt; - There have been a lot of TypeScript ports to Rust recently. The most promising one is already much faster than tsgo. It’s now supported by Cloudflare/VoidZero, incubating under the Oxc toolchain umbrella. Not a fork: they are actively collaborating with the TypeScript team and plan to keep it aligned with the reference implementation. The &lt;a href="https://building.owner.com/tsrs" rel="noopener noreferrer"&gt;backstory&lt;/a&gt; is also interesting, and shows the port will also speed up Oxlint type-aware linting.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://nodejs.org/en/blog/release/v24.22.0" rel="noopener noreferrer"&gt;Node.js 24.22 LTS - &lt;code&gt;util.throttle()&lt;/code&gt; and &lt;code&gt;util.debounce()&lt;/code&gt;, crypto improvements&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://rsdoctor.rs/blog/release/release-note-2_0" rel="noopener noreferrer"&gt;Rsdoctor 2.0 - Now Rspack-only, Agent CLI, 57% faster analysis, 56% smaller install, multi-compiler reports&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://webpack.js.org/blog/2026-10-13-webpack-5-112/" rel="noopener noreferrer"&gt;Webpack 5.112 - SSR asset manifest, source map scopes, multi-entry library exports, async &lt;code&gt;DefinePlugin&lt;/code&gt; values&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://astro.build/blog/astro-740/" rel="noopener noreferrer"&gt;Astro 7.4 - Build timings, separate build/runtime image services, parallel prerendering (experimental)&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🤭 Fun
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F302%2Fmeme.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F302%2Fmeme.jpg" alt="Linear dev and Codex shaking hands over TodoMVC"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F302%2Fmeme2.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F302%2Fmeme2.jpg" alt="Benevolent sandworms from the php2shell patch team"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;See ya! 👋&lt;/p&gt;

</description>
      <category>react</category>
      <category>reactnative</category>
    </item>
    <item>
      <title>This Week In React #301 : TanStack Start, React Aria, Base UI, Next.js | RN Web, Tamagui, One, Skia | Deno, Bun, TS, JPEG XL</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 16 Oct 2026 12:13:28 +0000</pubDate>
      <link>https://dev.to/sebastienlorber/this-week-in-react-301-tanstack-start-react-aria-base-ui-nextjs-rn-web-tamagui-one-skia-55jm</link>
      <guid>https://dev.to/sebastienlorber/this-week-in-react-301-tanstack-start-react-aria-base-ui-nextjs-rn-web-tamagui-one-skia-55jm</guid>
      <description>&lt;p&gt;Hi everyone, &lt;a href="https://x.com/sebastienlorber" rel="noopener noreferrer"&gt;Seb&lt;/a&gt; and &lt;a href="https://x.com/jaworek3211" rel="noopener noreferrer"&gt;Jan&lt;/a&gt; here 👋!&lt;/p&gt;

&lt;p&gt;TanStack Start 1.0 is finally stable, a client-first alternative to server-first React frameworks.&lt;/p&gt;

&lt;p&gt;On mobile, Expo will maintain React Native Web, under the React Foundation. Tamagui v3 and One v2 are out. React Native 0.88 is at RC5, so it should land very soon!&lt;/p&gt;

&lt;p&gt;Deno is joining Cloudflare. JPEG XL lands in Chrome and Firefox. TypeScript is getting ported to Rust, twice.&lt;/p&gt;

&lt;p&gt;Let's dive in!&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the official newsletter to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://trustedrouter.com/?utm_source=thisweekinreact&amp;amp;utm_medium=sponsored_newsletter&amp;amp;utm_campaign=primary_20261014&amp;amp;utm_content=privacy_with_proof" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F301%2Ftrustedrouter.jpg" alt="TrustedRouter: Your app. Your models. Your privacy."&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://trustedrouter.com/?utm_source=thisweekinreact&amp;amp;utm_medium=sponsored_newsletter&amp;amp;utm_campaign=primary_20261014&amp;amp;utm_content=privacy_with_proof" rel="noopener noreferrer"&gt;TrustedRouter: Your app. Your models. Your privacy.&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Your React app deserves the model that fits the job. TrustedRouter gives your backend hundreds of models through one OpenAI-compatible API. Keep your OpenAI SDK, add your key, and change the base URL.&lt;/p&gt;

&lt;p&gt;Choose providers by price, speed, and privacy. Set a minimum privacy level and select confidential routes for sensitive requests. The router runs in attested confidential compute, with &lt;a href="https://trustedrouter.com/trust?utm_source=thisweekinreact&amp;amp;utm_medium=sponsored_newsletter&amp;amp;utm_campaign=primary_20261014&amp;amp;utm_content=verify_privacy" rel="noopener noreferrer"&gt;public evidence you can verify&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Open source, with automatic provider failover. &lt;a href="https://trustedrouter.com/?utm_source=thisweekinreact&amp;amp;utm_medium=sponsored_newsletter&amp;amp;utm_campaign=primary_20261014&amp;amp;utm_content=body_cta" rel="noopener noreferrer"&gt;Get your API key and try your first request.&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  ⚛️ React
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F301%2Ftanstack-start.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F301%2Ftanstack-start.jpg" alt="TanStack Start 1.0"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://tanstack.com/blog/tanstack-start-1-0" rel="noopener noreferrer"&gt;&lt;strong&gt;TanStack Start 1.0&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The full-stack framework is officially stable and production-ready, supporting both React and Solid. It has already been used on millions of apps during its beta/RC phase. As its 𝕏 &lt;a href="https://x.com/tan_stack/status/2110022759338422327" rel="noopener noreferrer"&gt;launch video&lt;/a&gt; puts it: "Feels like building a SPA. With the whole server behind you".&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Client-first:&lt;/strong&gt; SPA-style routing, state and caching, with server rendering, streaming and typed server functions.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Type-safe end to end:&lt;/strong&gt; route params, search params, loader data and server function inputs are all typed, keeping changes consistent for both humans and agents. Type checking speed has been thoroughly optimized.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Agent-ready:&lt;/strong&gt; packages ship TanStack Intent skills, so agents can learn Start's APIs and best practices.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;RSC is opt-in:&lt;/strong&gt; supported, but the team removed it from tanstack.com because it made the codebase harder to reason about.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Deploy anywhere&lt;/strong&gt; with Vite and Nitro. Rsbuild is also supported.&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://dub.sh/3jnUg5C" rel="noopener noreferrer"&gt;Lingui - React i18n macros now compile natively in Vite, 2.5x faster than SWC and nearly 30x faster than Babel&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💬 &lt;a href="https://github.com/reactjs/rfcs/pull/284" rel="noopener noreferrer"&gt;React RFC - React work counters&lt;/a&gt; - Suggests improving the production observability of React by exposing metrics such as number of re-renders, setState calls or commits. I like the idea of giving metrics for agents to hill-climb and optimize against.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/mobxjs/mobx/pull/4735" rel="noopener noreferrer"&gt;MobX PR - MobX React plugin&lt;/a&gt; - An upcoming bundler plugin will help MobX and the React Compiler coexist. Wraps components in &lt;code&gt;observer()&lt;/code&gt;, adds &lt;code&gt;"use no memo"&lt;/code&gt; directives, turns &lt;code&gt;async&lt;/code&gt; methods into MobX flows.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/vercel/next.js/pull/99628" rel="noopener noreferrer"&gt;Next.js PR - &lt;code&gt;eslint-config-next&lt;/code&gt; supports ESLint 10&lt;/a&gt; - &lt;code&gt;eslint-plugin-react&lt;/code&gt; &lt;a href="https://github.com/jsx-eslint/eslint-plugin-react/pull/4022" rel="noopener noreferrer"&gt;still doesn't support ESLint 10&lt;/a&gt;, so Next.js 16.5 canary patches it in place. Next.js users can finally upgrade.&lt;/li&gt;
&lt;li&gt;🔐 &lt;a href="https://nextjs.org/blog/upcoming-nextjs-security-update-october-2026" rel="noopener noreferrer"&gt;Next.js - Upcoming security update&lt;/a&gt; - Planned for October 14: 2 critical and 1 high severity vulnerabilities in upstream dependencies.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://jimmyhmiller.com/what-does-the-react-compiler-even-do" rel="noopener noreferrer"&gt;Can we Make React Faster using the React Compiler?&lt;/a&gt; - Explains what the compiler outputs, how it works, and then prototypes various optimizations: component inlining, Million.js-style blocks, Solid-like list selection, automatic context and Zustand selectors...&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://mattrothenberg.com/notes/classname-considered-harmful/" rel="noopener noreferrer"&gt;className Considered Harmful&lt;/a&gt; - How design systems drift when components accept &lt;code&gt;className&lt;/code&gt;, and how popular design systems restrict it. Why not a &lt;code&gt;DANGEROUS_className&lt;/code&gt; prop 🤔.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://bra31k.dev/en/blog/same-bytes-17-percent-faster" rel="noopener noreferrer"&gt;How we made a 9 MB WebAssembly module feel faster without removing a single byte&lt;/a&gt; - A chain of suspending components delayed the loading of a large WASM file. Preloading it made the first canvas render 15-19% faster.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://julesblom.com/writing/react-visual-notation" rel="noopener noreferrer"&gt;A visual notation for React's parent and owner trees&lt;/a&gt; - A diagram format for showing component structure, ownership, and context at a glance.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://certificates.dev/blog/debugging-suspense-with-the-react-suspense-panel" rel="noopener noreferrer"&gt;Debugging Suspense with the React Suspense Panel&lt;/a&gt; - A practical tour of the new React DevTools 8.0 Suspense tab.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://sentry.io/resources/201-session-replays/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=replay-fy27q3-sessionreplayworkshop&amp;amp;utm_content=newsletter-react-link-register" rel="noopener noreferrer"&gt;Sentry - Stop scrubbing replays. Learn the sampling, filters, and React hooks that find the right session, live on Nov 5th. Save your spot&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://react-aria.adobe.com/releases/v1-22-0" rel="noopener noreferrer"&gt;React Aria 1.22 - New Sheet component, virtual-keyboard-aware overlays&lt;/a&gt; - The new swipeable &lt;a href="https://react-aria.adobe.com/blog/sheet" rel="noopener noreferrer"&gt;Sheet component&lt;/a&gt; uses no JS touch handlers, only CSS scroll snapping and view timelines.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/vercel/satori/releases" rel="noopener noreferrer"&gt;Satori 0.36 → 0.55 - Converts JSX/HTML and CSS to SVG&lt;/a&gt; - Lots of releases this week, notably switching its layout engine from Yoga to Taffy, unlocking many new features like CSS grid and more.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/storybookjs/vitest-plugin-rsc/releases/tag/v0.3.0" rel="noopener noreferrer"&gt;Vitest Plugin RSC 0.3 - Run Next.js App Router apps in Vitest Browser Mode&lt;/a&gt; - Lets you test the full RSC pipeline (server render, hydration, Server Actions) of a component or a whole route. Requires Next.js 16.4+.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://base-ui.com/react/overview/releases/v1-9-0" rel="noopener noreferrer"&gt;Base UI 1.9 - Filterable Menu, faster Select/Combobox/Menu, improved Drawer gestures&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/styled-components/styled-components/releases/tag/styled-components%406.6.0" rel="noopener noreferrer"&gt;Styled Components 6.6 - &lt;code&gt;StyledComponent&lt;/code&gt; type for &lt;code&gt;isolatedDeclarations&lt;/code&gt;, faster type-checking, RSC global styles fix&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/react-hook-form/react-hook-form/releases/tag/v7.90.0" rel="noopener noreferrer"&gt;React Hook Form 7.90 - Many bug fixes and perf improvements&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://astryx.atmeta.com/blog/astryx-v0-7-0" rel="noopener noreferrer"&gt;Astryx 0.7 - Easier form styling, better mobile and touch support, spacing in rem&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/cloudflare/vinext/releases/tag/vinext%401.1.0" rel="noopener noreferrer"&gt;Vinext 1.1 - Next.js parity fixes, stale-while-revalidate for &lt;code&gt;"use cache"&lt;/code&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://remocn.studio/" rel="noopener noreferrer"&gt;Remocn Studio 1.0 - A macOS app where your coding agent makes Remotion videos&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=paQbukUXE8w" rel="noopener noreferrer"&gt;Ankita Kulkarni - Next.js 16.4 Is Built for Agents (Here's Why)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://share.transistor.fm/s/0c8a4fc2" rel="noopener noreferrer"&gt;This Month in React - September 2026 - React 19.3, a eulogy to software engineering?&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://wallabyjs.com/blog/wallaby-for-coding-agents.html?referrer=ThisWeekInReactOct26" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F301%2Fwallabyjs.jpg" alt="Your agent writes code. Wallaby helps it catch bugs"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://wallabyjs.com/blog/wallaby-for-coding-agents.html?referrer=ThisWeekInReactOct26" rel="noopener noreferrer"&gt;Your agent writes code. Wallaby helps it catch bugs&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Put your coding agent to work on the unit tests you've been meaning to fix. Help it find missed edge cases, strengthen weak assertions, and remove redundant or outdated tests and assertions.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://wallabyjs.com/blog/wallaby-for-coding-agents.html?referrer=ThisWeekInReactOct26" rel="noopener noreferrer"&gt;Wallaby for Coding Agents&lt;/a&gt; 🤖 gives your agent live feedback on how the code actually behaves. Use &lt;code&gt;/wallaby improve&lt;/code&gt; to strengthen existing tests and &lt;code&gt;/wallaby write&lt;/code&gt; to write new ones like an expert developer using Wallaby.&lt;/p&gt;

&lt;p&gt;Works with your existing JavaScript, TypeScript, and Python tests in Codex, Claude Code, Cursor, GitHub Copilot, and more. &lt;strong&gt;Free for everyone during the beta.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://wallabyjs.com/?referrer=ThisWeekInReactOct26" rel="noopener noreferrer"&gt;➡️ Upgrade your testing workflow&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  📱 React-Native
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-oct14" rel="noopener noreferrer"&gt;PostHog - 10,000 PRs a month is easy: How devex is evolving at PostHog&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/necolas/react-native-web/discussions/2872" rel="noopener noreferrer"&gt;Expo to maintain React Native Web, moving to React Foundation&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/react/react-native/pull/58664" rel="noopener noreferrer"&gt;RNTester moves to native UITabBarController for iPhone Duo support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/your-skills-need-an-evaluation-mechanism" rel="noopener noreferrer"&gt;Your skills need an evaluation mechanism&lt;/a&gt; - Direct invocation doesn't prove discovery. Evals must test normal prompts and traces.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.dainemawer.com/shared-typescript-nextjs-expo-monorepo" rel="noopener noreferrer"&gt;Sharing a TypeScript Domain Layer Between Next.js and Expo&lt;/a&gt; - Share types, validation schemas and thin API client. Keep navigation, UI, storage and session handling app-local.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://shift.infinite.red/you-dont-need-a-rewrite-expo-s-new-brownfield-react-native-story-c072b4e971dd" rel="noopener noreferrer"&gt;You Don’t Need a Rewrite: Expo’s New Brownfield React Native Story&lt;/a&gt; - Brownfield has historically been hard, but things changed with Expo SDK 54. Covers myths vs. realities.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://maestro.dev/blog/maestro-mcp-for-ai-coding-agents?utm_source=this-week-in-react" rel="noopener noreferrer"&gt;Maestro MCP - Open-source MCP server for mobile UI testing with AI agents&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/wcandillon/react-native-skia/releases" rel="noopener noreferrer"&gt;Skia 3.1 → 3.4 - New snapshot API, shared WebGPU instance via Dawn, tvOS and Mac Catalyst support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstack/react-native-testing-library/releases/tag/v14.1.0" rel="noopener noreferrer"&gt;RNTL 14.1 - &lt;code&gt;fireEvent.layout&lt;/code&gt;, &lt;code&gt;userEvent.pullToRefresh&lt;/code&gt;, &lt;code&gt;userEvent.accessibilityAction&lt;/code&gt;, RN 0.88 support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://tamagui.dev/blog/version-three" rel="noopener noreferrer"&gt;Tamagui 3 - New C++ native runtime, Rust compiler, Strict DOM, flat style props, Tailwind syntax&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://onestack.dev" rel="noopener noreferrer"&gt;One 2.0 - All-in-one RN framework, Bun for cross-platform, Rust bundler, SwiftUI and Compose generated&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/gmi-software/react-native-better-pdf" rel="noopener noreferrer"&gt;Better PDF 1.0 - PDFKit and PdfRenderer, Native viewer on Nitro Views, no WebView or JS in scroll path&lt;/a&gt; - 91ms for 1,000 pages, 8x faster than react-native-pdf on large docs per author benchmark.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/chrispader/expo-native-variants" rel="noopener noreferrer"&gt;Expo Native Variants - Generate Xcode schemes and Android flavors using an Expo config plugin in one prebuild&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/mahdidavoodi7/react-native-wifi-aware" rel="noopener noreferrer"&gt;WiFi Aware - Peer-to-peer discovery and high-bandwidth data over Wi-Fi Aware&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/gronxb/hot-updater/releases/tag/v1.0.0" rel="noopener noreferrer"&gt;Hot Updater 1.0 - Shared release catalog, insights, remote config, plugins&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/getsentry/sentry-react-native/releases/tag/8.30.0" rel="noopener noreferrer"&gt;Sentry 8.30 - Cellular generation in connection type, Hermes Expo trace fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://swmansion.com/changelog/react-native-nano-icons-1-0-0/" rel="noopener noreferrer"&gt;Nano Icons 1.0 - Hot reload Metro plugin, native tab bar symbols, animatable size and color&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://swmansion.com/changelog/react-native-screens-4-29-0/" rel="noopener noreferrer"&gt;Screens 4.29 - iOS Tabs move to UITab API, search tab, sidebar placement, custom icons&lt;/a&gt; - Pairs well with Nano Icons.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/argent/releases/tag/v0.28.0" rel="noopener noreferrer"&gt;Argent 0.28 - iOS launch arguments, flows over a link, failed-step screenshots&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://expo.dev/changelog/native-crash-reporting-in-eas-observe" rel="noopener noreferrer"&gt;Expo Observe - Native crash reporting on Android and iOS, no setup, AI handoff&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/rozenite/releases/tag/v2.5.0" rel="noopener noreferrer"&gt;Rozenite 2.5 - Lynx project detection, XHR-first network capture, Redux action filters, agent grammar v3&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/nandorojo/galeria/releases/tag/v3.1.0" rel="noopener noreferrer"&gt;Galeria 3.1 - Photo and video galleries on iOS, Android and web&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=dj6fhEwXZ6I" rel="noopener noreferrer"&gt;Callstack - Ten Agents Waiting for Input: Tzvetan Mikov on AI Coding and Hermes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://infinite.red/react-native-radio/rnr-375-rnr-explains-ota-updates" rel="noopener noreferrer"&gt;RNR 375 - RNR Explains: EAS Update&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🔀 Other
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/whatwg/html/pull/13063" rel="noopener noreferrer"&gt;HTML PR - AsyncContext integration&lt;/a&gt; - Still TC39 stage 2, this exciting feature is actively worked on, in particular its integration with web platform APIs.&lt;/li&gt;
&lt;li&gt;📣 &lt;a href="https://deno.com/blog/cloudflare" rel="noopener noreferrer"&gt;Deno is joining Cloudflare&lt;/a&gt; - The Deno team is joining to work on the Workers and toward making the Durable Objects programming model self-hostable. The Deno runtime and Deno Deploy will be sunset.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://lea.verou.me/blog/2026/icons/" rel="noopener noreferrer"&gt;The best way to use icons in Web UIs&lt;/a&gt; - Using icons as CSS design tokens, inserted and tweaked with pseudo-elements, masks, and style queries.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://alfy.blog/2026/10/09/iframe-that-finally-fit-their-content.html" rel="noopener noreferrer"&gt;Iframes that finally fit their content&lt;/a&gt; - Chrome 154 ships &lt;code&gt;frame-sizing: content-height&lt;/code&gt;. Iframes can now adjust their size without the &lt;code&gt;postMessage&lt;/code&gt; + &lt;code&gt;ResizeObserver&lt;/code&gt; dance.&lt;/li&gt;
&lt;li&gt;📜 JPEG XL finally lands in &lt;a href="https://tonisagrista.com/blog/2026/chrome-jpegxl/" rel="noopener noreferrer"&gt;Chrome 155&lt;/a&gt; and &lt;a href="https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/158" rel="noopener noreferrer"&gt;Firefox 158&lt;/a&gt;. Safari already has partial support.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://bun.com/blog/bun-v1.4.3" rel="noopener noreferrer"&gt;Bun 1.4.3 - &lt;code&gt;bun check&lt;/code&gt; type checker, 67% lower idle CPU in servers, &lt;code&gt;Bun.FetchSession&lt;/code&gt;, faster &lt;code&gt;JSON.parse&lt;/code&gt;&lt;/a&gt; - Includes a port of typescript-go running 3-6x faster. No emit, no LSP. Coming next: 𝕏 &lt;a href="https://x.com/jiahan_c/status/2109561168822251634" rel="noopener noreferrer"&gt;&lt;code&gt;bun lint&lt;/code&gt; with 1,000+ built-in rules&lt;/a&gt; and 𝕏 &lt;a href="https://x.com/bunjavascript/status/2109861465100632567" rel="noopener noreferrer"&gt;&lt;code&gt;bun fmt&lt;/code&gt;, a 320x faster Prettier alternative&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/pingdotgg/ts-rust" rel="noopener noreferrer"&gt;tsc-rs - Rust port of the TypeScript 7 compiler, type checker, and LSP&lt;/a&gt; - Theo’s agent-driven port of TS, with the Effect language service diagnostics built in.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/microsoft/playwright/releases/tag/v1.64.0" rel="noopener noreferrer"&gt;Playwright 1.64 - WebMCP testing APIs, better videos (custom fps, CSS-styled actions, VP9), &lt;code&gt;--shuffle&lt;/code&gt;, &lt;code&gt;locator.within()&lt;/code&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://pnpm.io/blog?type=releases" rel="noopener noreferrer"&gt;pnpm 12.11 → 12.13 - Agent skills linking, remote cache for task results and builds&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/QwikDev/partytown/releases/tag/v1.0.0" rel="noopener noreferrer"&gt;Partytown 1.0 - Run third-party scripts in a web worker, now stable&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://webkit.org/blog/18420/release-notes-for-safari-technology-preview-254/" rel="noopener noreferrer"&gt;Safari Technology Preview 254 - &lt;code&gt;calc-size()&lt;/code&gt;, &lt;code&gt;interpolate-size&lt;/code&gt;, CSS linked parameters, and more&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🤭 Fun
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F301%2Fmeme.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F301%2Fmeme.jpg" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F301%2Fmeme2.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F301%2Fmeme2.jpg" alt="How it feels to get better at AI coding"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;See ya! 👋&lt;/p&gt;

</description>
      <category>react</category>
      <category>reactnative</category>
    </item>
    <item>
      <title>This Week In React #300 : Next.js, TanStack, React Foundation | Skia, Live Activities, Lucent | TC39, e2e, Effect, Remix</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 09 Oct 2026 12:35:17 +0000</pubDate>
      <link>https://dev.to/sebastienlorber/this-week-in-react-300-nextjs-tanstack-react-foundation-skia-live-activities-lucent--39hi</link>
      <guid>https://dev.to/sebastienlorber/this-week-in-react-300-nextjs-tanstack-react-foundation-skia-live-activities-lucent--39hi</guid>
      <description>&lt;p&gt;Hi everyone, &lt;a href="https://x.com/sebastienlorber" rel="noopener noreferrer"&gt;Seb&lt;/a&gt; and &lt;a href="https://x.com/jaworek3211" rel="noopener noreferrer"&gt;Jan&lt;/a&gt; here 👋!&lt;/p&gt;

&lt;p&gt;Wow, 300 issues already! Time flies, and thanks for reading along 🙏&lt;/p&gt;

&lt;p&gt;It's a big week, with major releases from the Next.js and TanStack teams. We also put the spotlight on recent React Foundation activity.&lt;/p&gt;

&lt;p&gt;On mobile, Skia 3.0 is out! Shopify and Coinbase both recently announced moving away from React Native, a trend worth watching. Callstack officially launched an AI model specialized in React Native.&lt;/p&gt;

&lt;p&gt;There are other exciting releases to dig into, including e2e, Effect v4, and Remix v3.&lt;/p&gt;

&lt;p&gt;Let's dive in!&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the official newsletter to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://coderabbit.link/ad-twir-003" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F300%2Fcoderabbit.jpg" alt="Fewer findings. Only real risks."&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://coderabbit.link/ad-twir-003" rel="noopener noreferrer"&gt;Fewer findings. Only real risks.&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;AI-generated code can introduce vulnerabilities that are easy to miss in a pull request. &lt;strong&gt;CodeRabbit Security&lt;/strong&gt; continuously reviews your codebase for complex bugs and security risks, using full-codebase context to follow data flows, dependencies, and patterns beyond the latest diff.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://coderabbit.link/ad-twir-003" rel="noopener noreferrer"&gt;Run CodeRabbit Security on your own repositories today&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  ⚛️ React
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F300%2Fnext.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F300%2Fnext.jpg" alt="Next.js 16.4"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://nextjs.org/blog/next-16-4" rel="noopener noreferrer"&gt;&lt;strong&gt;Next.js 16.4&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Cache Components are reaching maturity and are now recommended for every Next.js app. The new programming model is enabled by default in &lt;code&gt;create-next-app&lt;/code&gt;, and will become the default in v17. Partial Prefetching is now considered part of the model.&lt;/p&gt;

&lt;p&gt;Alongside this milestone, this release introduces:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Static guarantees: &lt;code&gt;export const ensureStatic&lt;/code&gt; fails the build if dynamic content sneaks into a route.&lt;/li&gt;
&lt;li&gt;Prefetching control: &lt;code&gt;await navigation()&lt;/code&gt; excludes content from a prefetch.&lt;/li&gt;
&lt;li&gt;Agent-guided upgrades and feedback.&lt;/li&gt;
&lt;li&gt;React 19.3: stable View Transitions, Fragment Refs, &lt;code&gt;browser()&lt;/code&gt; API.&lt;/li&gt;
&lt;li&gt;Many DX, Turbopack, bundle size and React Compiler improvements.&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F300%2Fchart.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F300%2Fchart.jpg" alt="TanStack Charts 1.0"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://tanstack.com/blog/tanstack-charts-1-0" rel="noopener noreferrer"&gt;&lt;strong&gt;TanStack Charts 1.0&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The new TanStack charting library is officially stable. Small bundles, fast updates, composable, type-safe. Similar to other TanStack libraries, it comes with a framework-agnostic core and a &lt;a href="https://tanstack.com/charts/latest/docs/framework/react/adapter" rel="noopener noreferrer"&gt;React Adapter&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Speaking of TanStack, see also 𝕏 &lt;a href="https://x.com/tan_stack/status/2105549976025915676" rel="noopener noreferrer"&gt;TanStack Markdown + Highlight 1.0&lt;/a&gt;: a tiny, fast Markdown renderer for docs and AI streams, with its companion syntax highlighter. Framework-agnostic, comes with a &lt;code&gt;&amp;lt;Markdown&amp;gt;&lt;/code&gt; component.&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;React Foundation news&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;We haven’t heard much of the React Foundation since the &lt;a href="https://thisweekinreact.com/newsletter/285#react" rel="noopener noreferrer"&gt;launch of its website&lt;/a&gt; in June, but that is likely to change in light of recent activity:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/sethwebster/status/2105422444529963495" rel="noopener noreferrer"&gt;Barbara Markiewicz joined the React Foundation as our Director of Community&lt;/a&gt; - Formerly at Callstack, she organized events such as React Conf and React Universe Conf.&lt;/li&gt;
&lt;li&gt;📅 &lt;a href="https://www.react.foundation/summit" rel="noopener noreferrer"&gt;React Foundation Contributors Summit - 10–12 Nov 2026, London&lt;/a&gt; - A React Foundation gathering is scheduled next month at Meta's King's Cross office in London. Invite-only, but ecosystem contributors can self-apply.&lt;/li&gt;
&lt;li&gt;📅 &lt;a href="https://reactghana.react.foundation/" rel="noopener noreferrer"&gt;React Conf Ghana - 4–5 Nov 2026, Accra&lt;/a&gt; - As far as I know, it’s the first React conference officially organized by the React Foundation.&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://www.meticulous.ai/blog/lessons-from-a-decade" rel="noopener noreferrer"&gt;Testing Frontend - Lessons from over a million lines of TypeScript at Palantir - Skip component tests and let Meticulous do the rest&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/vercel/next.js/pull/97393" rel="noopener noreferrer"&gt;Next.js PR - &lt;code&gt;unstable_paramMatching&lt;/code&gt; API - Configure matching separately from build-time prerenders&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🔐 &lt;a href="https://tanstack.com/blog/tanstack-start-security-update-cve-2026-102989" rel="noopener noreferrer"&gt;TanStack Start security update: CVE-2026-102989&lt;/a&gt; - Fixing a 9.3 XSS vulnerability.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://jjenzz.com/making-react-context-cheap/" rel="noopener noreferrer"&gt;Making React Context Cheap with React Compiler&lt;/a&gt; - How to work around the lack of context selectors in React in various ways. Benchmarking 5,000 &lt;code&gt;&amp;lt;input type=”radio”&amp;gt;&lt;/code&gt; connected to the same state, showing that the React Compiler already achieves benefits similar to context selectors.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://certificates.dev/blog/reacts-new-browser-api-rendering-components-only-in-the-browser" rel="noopener noreferrer"&gt;React's New browser API: Rendering Components Only in the Browser&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/vadimdemedes/ink/releases/tag/v8.0.0" rel="noopener noreferrer"&gt;Ink 8.0 - React CLI renderer - React 19.3+, scrollable Box views, any Node stream for stdio, many rendering fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/vercel/streamdown/releases/tag/streamdown%402.7.0" rel="noopener noreferrer"&gt;Streamdown 2.7 - AI Markdown streaming renderer - Faster, incremental code highlighting, block reuse, non-blocking Mermaid&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/JoviDeCroock/stableref/releases/tag/v0.2.0" rel="noopener noreferrer"&gt;stableref 0.2 - Type-level referential stability for React/Preact - Export branded &lt;code&gt;useSyncExternalStore&lt;/code&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/posva/medula" rel="noopener noreferrer"&gt;Medula - Headless devtools for agents, based on Devframes, React and Next.js support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://shaders.com/updates/shaders-is-open-source" rel="noopener noreferrer"&gt;Shaders - WebGPU effects as components for React, Vue, Svelte, Solid and JavaScript&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/pmndrs/klipp" rel="noopener noreferrer"&gt;Klipp - Camera toolkit for the web, comes with React Three Fiber bindings&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://sentry.io/resources/agent-tracing-series/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=agenttracing-fy27q3-agenttracingseries&amp;amp;utm_content=newsletter-secondary-workshop-2-register" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F300%2Fsentry.jpg" alt="How Sentry debugs its own AI agents (live, Oct 14)"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://sentry.io/resources/agent-tracing-series/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=agenttracing-fy27q3-agenttracingseries&amp;amp;utm_content=newsletter-secondary-workshop-2-register" rel="noopener noreferrer"&gt;How Sentry debugs its own AI agents (live, Oct 14)&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Your AI feature works in the demo. In prod, users get weird answers and you can't tell which step broke.&lt;/p&gt;

&lt;p&gt;On &lt;strong&gt;October 14&lt;/strong&gt;, Ryan and Serge show how Sentry engineers debug the agents behind Sentry's own AI features, with real production traces. 🔍 You'll see:&lt;br&gt;&lt;br&gt;
✅ How they instrument and trace their agents&lt;br&gt;&lt;br&gt;
✅ How &lt;strong&gt;user frustration&lt;/strong&gt; signals point to broken runs&lt;br&gt;&lt;br&gt;
✅ How to find failures when there are too many traces to read one by one&lt;/p&gt;

&lt;p&gt;&lt;a href="https://sentry.io/resources/agent-tracing-series/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=agenttracing-fy27q3-agenttracingseries&amp;amp;utm_content=newsletter-secondary-workshop-2-register" rel="noopener noreferrer"&gt;👉 &lt;strong&gt;Save your spot&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  📱 React-Native
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F300%2Fskia.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F300%2Fskia.jpg" alt="Skia 3.0"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=L-PNQi1nBSA" rel="noopener noreferrer"&gt;&lt;strong&gt;React Native Skia 3.0 - Hello Graphite&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;William Candillon just shipped the biggest release of React Native Skia to date!&lt;/p&gt;

&lt;p&gt;Version 3.0 is rebuilt on &lt;strong&gt;Skia Graphite&lt;/strong&gt;, Skia's new backend for modern GPU APIs. The old OpenGL-centric design came with stability and performance pains. Graphite fixes both. And because its design is symmetric with WebGPU, Skia and the rest of the web ecosystem can now run together on the same GPU.&lt;/p&gt;

&lt;p&gt;Here's what that brings:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Multi-threading by default&lt;/strong&gt; - A Skia drawing can be created on any dedicated thread. Only presenting the work runs on the UI thread.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Symmetric with WebGPU&lt;/strong&gt; - React Native Skia and React Native WebGPU share the same WebGPU instance.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Zero-copy Three.js interop&lt;/strong&gt; - A Three.js scene can be used as a regular Skia image with Skia effects on top, and Skia can draw onto Three.js scenes.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Video &amp;amp; camera on GPU&lt;/strong&gt; - &lt;code&gt;importExternalTexture&lt;/code&gt; brings video and camera feeds into Skia zero-copy, easy on the battery.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Lottie on WebGPU&lt;/strong&gt; - Customizable Lottie animations, now with video imports.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Android platform work&lt;/strong&gt; - An experimental CanvasView (API 29+) and view snapshotting over WebGPU.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The release is mostly backward compatible with v2, except for the system requirements: Android minSDK is now 26, and OpenGL is no longer supported (Vulkan only).&lt;/p&gt;

&lt;p&gt;Shopify will keep &lt;a href="https://x.com/mustafa01ali/status/2107530860555608339" rel="noopener noreferrer"&gt;sponsoring the project until the end of the year&lt;/a&gt;, despite migrating its apps away from React Native.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-oct7" rel="noopener noreferrer"&gt;PostHog - Why we rebuilt our data warehouse on DuckDB over ClickHouse&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/mustafa01ali/status/2105705415111835745" rel="noopener noreferrer"&gt;Coinbase is going native too&lt;/a&gt; - After last week’s announcement from Shopify, this time it’s Coinbase announcing it's migrating away from React Native. We have seen a few devs here and there reporting that today developing 2 native apps and keeping them in sync is becoming easier. Let’s see how this trend evolves!&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://newsletter.pragmaticengineer.com/p/shopify-native-mobile" rel="noopener noreferrer"&gt;Why has Shopify dropped React Native?&lt;/a&gt; - A deep dive into the decision process about moving away from RN, and why migration to the New Architecture was not enough.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.lucent-lang.dev/blog/native-views/" rel="noopener noreferrer"&gt;Native views in TypeScript: SwiftUI and Jetpack Compose from Lucent&lt;/a&gt; - React Native renders through a host tree; Lucent compiles the JSX away entirely.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/live-activities-with-expo-end-to-end-client-and-backend" rel="noopener noreferrer"&gt;Live Activities with Expo, End-to-End: Client and Backend&lt;/a&gt; - A missing manual on how to implement Live Activities, its gotchas, including backend.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.callstack.com/blog/introducing-mobile-dev-full-mobile-dev-tooling-right-in-your-codex-app" rel="noopener noreferrer"&gt;Introducing Mobile Dev: full mobile dev tooling right in your Codex app&lt;/a&gt; - An agent supervision tooling with Simulator, Instruments, logcat, and Metro, all in one place.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://patch.codemagic.io/?utm_source=newsletter&amp;amp;utm_medium=referral&amp;amp;utm_campaign=twir" rel="noopener noreferrer"&gt;Codemagic Patch - Self-hosted OTA updates, complete with fingerprinting, release metrics and online dashboard&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://stim.appandflow.com/docs/desktop" rel="noopener noreferrer"&gt;Stim Desktop 0.1 - Watch and steer your agents' React Native work: live devices, replay, logs, build cache stats&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/JoaoPauloCMarra/react-native-nitro-markdown/releases/tag/v0.14.0" rel="noopener noreferrer"&gt;Nitro Markdown 0.14 - RaTeX math rendering now optional dependency, RN 0.77 floor, streaming/StrictMode fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://maestro.dev/blog/maestro-cli-2-11-0" rel="noopener noreferrer"&gt;Maestro CLI 2.11 - Android 17 support, video scrubbing fixes, YAML validation changes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/jpudysz/react-native-unistyles/releases/tag/v3.5.0" rel="noopener noreferrer"&gt;Unistyles 3.5.0 - Theme propagation fixes, reload memory leaks, frozen screens no longer blocking JS&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://reactnativefeel.com/deploy" rel="noopener noreferrer"&gt;React Native Deploy - EAS-compatible builds on GitHub Actions runners, free for public repos&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://swmansion.com/changelog/react-native-enriched-markdown-1-1-0/" rel="noopener noreferrer"&gt;React Native Enriched Markdown 1.1 - Notion-like input shortcuts, native video rendering, GitHub admonitions, nestable block quotes, &lt;code&gt;numberOfLines&lt;/code&gt;, and more&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/getsentry/sentry-react-native/releases/tag/8.29.0" rel="noopener noreferrer"&gt;Sentry React Native 8.29 - Swift Package Manager integration&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/voltra/releases/tag/v2.4.0" rel="noopener noreferrer"&gt;Voltra 2.4 - Android improvements, native modifiers for SwiftUI and Jetpack Glance&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/shergin/baton" rel="noopener noreferrer"&gt;Baton - Relay GraphQL client for SwiftUI and Compose&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/DorianMazur/react-native-screen-choreography/releases/tag/v0.7.0" rel="noopener noreferrer"&gt;Screen Choreography 0.7 - Hybrid transition handoff, transition preparation overlay, .0&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/margelo/react-native-nitro-fetch/releases/tag/v1.8.0" rel="noopener noreferrer"&gt;Nitro Fetch 1.8 - Support request priority, support &lt;code&gt;formData()&lt;/code&gt; for urlencoded Request/Responsed&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://www.callstack.com/blog/apex-agetic-coding-for-mobile-and-web-spcialied-in-react" rel="noopener noreferrer"&gt;Apex - Agentic coding model specialized in React - Now generally available&lt;/a&gt; - Callstack coding agent shines for React Native and Next.js development.&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://infinite.red/react-native-radio/rnr-374-building-dreaming-language-learning-with-react-native" rel="noopener noreferrer"&gt;RNR 374 - Building "Dreaming: Language Learning" with React Native&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🔀 Other
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/microsoft/TypeScript/issues/63703" rel="noopener noreferrer"&gt;TypeScript 7.1 - Iteration Plan - Support for LSP, Content Mapper, Emit APIs, and more&lt;/a&gt; - The beta is delayed but should come out soon. This should unlock support for &lt;a href="https://github.com/typescript-eslint/typescript-eslint/issues/10940#issuecomment-5900712238" rel="noopener noreferrer"&gt;TS7 in TypeScript-ESLint&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://bsky.app/profile/robpalmer.bsky.social/post/3mwshmpvhak24" rel="noopener noreferrer"&gt;TC39 - 116th meeting outcome&lt;/a&gt; - JS proposals progressing include Composites, new Iterator methods, &lt;code&gt;export defer&lt;/code&gt;, JSON parse options, and more.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://sergiodxa.com/articles/the-remix-way" rel="noopener noreferrer"&gt;The Remix Way&lt;/a&gt; - Pragmatic feedback after rebuilding a personal blog and 10 other apps on Remix v3 over 6 months.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://charpeni.com/blog/enforcing-best-practices-with-jev-as-a-linter" rel="noopener noreferrer"&gt;Enforcing Best Practices with Jev as a Linter&lt;/a&gt; - Turns plain-English best practices into Oxlint rules using Jev.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/tester-army/e2e" rel="noopener noreferrer"&gt;e2e - Next-generation agentic end-to-end testing framework for web and mobile apps&lt;/a&gt; - This lets you define actions and assertions in plain language, that you can interleave with more classic deterministic APIs. Model responses are cached so repeated runs are fast and inexpensive. The engine seems quite flexible, it can probably adapt to any UI. Interesting idea: it should help make tests more portable and less fragile, not relying on selectors or accessibility roles.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://effect.website/blog/releases/effect/40" rel="noopener noreferrer"&gt;Effect 4.0 - Fully rebuilt, dependency-free core, long-term support&lt;/a&gt; - Effect is gaining momentum as a way to make your TypeScript code more robust, providing additional guardrails for humans and AI agents. Up to 5x smaller bundles now make it even more compelling for client-side code. See also the now-official &lt;a href="https://effect.website/docs/v4/api/atom-react" rel="noopener noreferrer"&gt;Effect Atom React&lt;/a&gt; bindings for state management.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://pnpm.io/blog" rel="noopener noreferrer"&gt;pnpm 12.9 &amp;amp; 12.10 - experimental 'loaded' linker, resolution settings in lockfile, StackBlitz WebContainers support, per-registry concurrency, faster caching, security fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://h3.dev/blog/v2" rel="noopener noreferrer"&gt;h3 2.0 - Minimal HTTP server framework for high performance, portability and composability&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://svelte.dev/blog/sveltekit-3-is-here" rel="noopener noreferrer"&gt;SvelteKit 3.0 - Svelte meta-framework for rapidly developing robust, performant web applications&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=TaKBQnYm9tM" rel="noopener noreferrer"&gt;Remix Jam 2026&lt;/a&gt; - Conference announcing the first stable release of Remix v3.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🤭 Fun
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F300%2Fmeme.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F300%2Fmeme.jpg" alt="alt"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F300%2Fmeme2.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F300%2Fmeme2.jpg" alt="alt"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;See ya! 👋&lt;/p&gt;

</description>
      <category>react</category>
      <category>reactnative</category>
    </item>
    <item>
      <title>This Week In React #299 : Panda, Vinext, Next.js | Variable font, Activity Result, Lynx, Lucent, macOS | TC39, Composites</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Mon, 05 Oct 2026 13:40:08 +0000</pubDate>
      <link>https://dev.to/sebastienlorber/this-week-in-react-299-panda-vinext-nextjs-variable-font-activity-result-lynx-lucent-2bao</link>
      <guid>https://dev.to/sebastienlorber/this-week-in-react-299-panda-vinext-nextjs-variable-font-activity-result-lynx-lucent-2bao</guid>
      <description>&lt;p&gt;Hi everyone, &lt;a href="https://x.com/sebastienlorber" rel="noopener noreferrer"&gt;Seb&lt;/a&gt; and &lt;a href="https://x.com/jaworek3211" rel="noopener noreferrer"&gt;Jan&lt;/a&gt; here 👋!&lt;/p&gt;

&lt;p&gt;This week we have 2 major releases in the React ecosystem: Panda CSS v2 and Vinext v1.&lt;/p&gt;

&lt;p&gt;On the mobile side, RN is getting support for variable font and Android Activity Result. Lynx v4 is out. Lucent is a new way to write native modules.&lt;/p&gt;

&lt;p&gt;I’m particularly excited about the TC39 meeting happening right now. Many proposals progressed, including my favorite one: Composites moved to stage 2!&lt;/p&gt;

&lt;p&gt;Let's dive in!&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the official newsletter to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://www.skybridge.tech/?utm_source=ThisWeekInReact&amp;amp;utm_medium=newsletter" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F299%2Fskybridge.jpg" alt="The React framework for MCP Apps"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://www.skybridge.tech/?utm_source=ThisWeekInReact&amp;amp;utm_medium=newsletter" rel="noopener noreferrer"&gt;The React framework for MCP Apps&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;MCP apps let you display interactive UI directly inside AI assistants like ChatGPT or Claude. Use the Skybridge framework to build your&amp;nbsp; MCP app from a single React codebase and reach every platform.&lt;/p&gt;

&lt;p&gt;Type-safe end to end, hot reload, a local emulator for ChatGPT and Claude, and useful ecommerce &amp;amp; travel templates to start from.&lt;br&gt;&lt;br&gt;
Agent ready, live in 5 seconds &amp;amp; trusted by teams at PGA of America and Datadog. 100K+ npm downloads a month.&lt;br&gt;&lt;br&gt;
&lt;strong&gt;npm create skybridge&lt;/strong&gt; · &lt;a href="https://www.skybridge.tech/" rel="noopener noreferrer"&gt;Read the docs&lt;/a&gt; · &lt;a href="https://github.com/alpic-ai/skybridge" rel="noopener noreferrer"&gt;Star on GitHub&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  ⚛️ React
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://panda-css.com/blog/panda-css-v2" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F299%2Fpanda.jpg" alt="Panda CSS 2.0 - Same styling API, a new engine underneath"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://panda-css.com/blog/panda-css-v2" rel="noopener noreferrer"&gt;Panda CSS 2.0 - Same styling API, a new engine underneath&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;This new major version of the type-safe, build-time CSS-in-JS library is the biggest update since launch. Here’s what you need to know:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The CSS authoring experience doesn't change much.&lt;/li&gt;
&lt;li&gt;The compiler has been rewritten in Rust on top of Oxc.&lt;/li&gt;
&lt;li&gt;DX and builds get dramatically faster, and output better CSS.&lt;/li&gt;
&lt;li&gt;With source transforms, Panda integrates with the bundler so that &lt;code&gt;css()&lt;/code&gt;, style props, recipes and patterns are compiled to plain class strings at build time. &lt;a href="https://panda-css.com/blog/zero-runtime-all-the-way-down" rel="noopener noreferrer"&gt;The styling runtime disappears from your bundle&lt;/a&gt;, not just the style-insertion logic.&lt;/li&gt;
&lt;li&gt;You get many new features to play with: a &lt;a href="https://panda-css.com/blog/typography-preset" rel="noopener noreferrer"&gt;typography preset&lt;/a&gt;, publishing your Panda design system and &lt;a href="https://panda-css.com/blog/see-your-design-system" rel="noopener noreferrer"&gt;visualize it in Studio&lt;/a&gt;, new CSS functions, a better CLI, an official ESLint plugin, and more&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;&lt;a href="https://blog.cloudflare.com/vinext-nextjs-on-vite/" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F299%2Fvinext.jpg" alt="Vinext 1.0 - Next.js applications, powered by Vite"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://blog.cloudflare.com/vinext-nextjs-on-vite/" rel="noopener noreferrer"&gt;Vinext 1.0 - Next.js applications, powered by Vite&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Cloudflare's Vite-based reimplementation of Next.js goes stable, supports both App and Pages Router and claims 99%+ compatibility with the Next.js test suite (minus Cache Components). They also have a different opinion of how ISR should work.&lt;/p&gt;

&lt;p&gt;What started as a one-off slopfork experiment is now becoming an AI-driven software factory able to keep up with new features landing in the official Next.js implementation. Interesting time!&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-sept30" rel="noopener noreferrer"&gt;PostHog - I wrote a 70x faster SQL parser while barely looking at the code&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🔐 &lt;a href="https://nextjs.org/blog/september-2026-security-release" rel="noopener noreferrer"&gt;Next.js September Security - 16.3.8 and 15.5.27&lt;/a&gt; - New security releases, covering 1 critical, 2 high, 5 medium vulnerabilities.&lt;/li&gt;
&lt;li&gt;🗓️&amp;nbsp;&lt;a href="https://reactsummit.us/?utm_source=thisweekinreact" rel="noopener noreferrer"&gt;React Summit US&lt;/a&gt;&amp;nbsp;-&amp;nbsp;🇺🇸&amp;nbsp;New York – Nov 17 &amp;amp; 20. Join the creator of React Query, the Executive Director of the React Foundation, and other amazing speakers to dive into the React ecosystem. Save 10% on your ticket with code “TWIR”.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://github.blog/engineering/architecture-optimization/improving-site-performance-by-shipping-more-css/" rel="noopener noreferrer"&gt;GitHub - Improving site performance by shipping more CSS&lt;/a&gt; - The multi-year story of an incremental migration from styled-components to CSS modules.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://aurorascharff.no/posts/rebuilding-react-routers-global-hooks-in-nextjs/" rel="noopener noreferrer"&gt;Rebuilding React Router's Global Hooks in Next.js&lt;/a&gt; - Explains how Next.js and React Router chose to manage state differently. Next.js has no &lt;code&gt;useNavigation()&lt;/code&gt; or &lt;code&gt;useBlocker()&lt;/code&gt; but you can rebuild them with a Context provider.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://vitonsky.net/blog/2026/09/18/design-system/" rel="noopener noreferrer"&gt;Props Are Not a Design System&lt;/a&gt; - Style props and Tailwind class walls are just inline styles in disguise. Use named variants and modifiers instead.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://claude.dev/blog/how-we-made-claude-ai-faster/" rel="noopener noreferrer"&gt;How we made claude.ai 3x faster in two weeks&lt;/a&gt; - Practical AI-driven perf work on a real React codebase. For example, their client-side app now renders a static composer so users can type before React even initializes. React commit counts, among many other metrics, serve as deterministic benchmarks for agents.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://tannerlinsley.com/posts/ai-open-source-and-the-long-road-to-tanstack-charts" rel="noopener noreferrer"&gt;AI, Open Source, and the Long Road to TanStack Charts&lt;/a&gt; - Recap of an X Space with Tanner Linsley. Not directly actionable, but interesting to see how he built a new charting library with AI in less than a week, reusing years of experience with Chart.js, react-charts, and Observable Plot.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://nitayneeman.com/blog/how-to-sync-a-design-system-with-claude-design/" rel="noopener noreferrer"&gt;How to Sync a Design System with Claude Design&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://preactjs.com/blog/preact-11/" rel="noopener noreferrer"&gt;Preact 11.0 - ESM-only, TS 5.1+, Hydration 2.0 with streaming SSR, refs as props, Object.is hook deps, React compat improvements&lt;/a&gt; - The first major in 6+ years, shipping necessary breaking changes to move the project forward.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://react-resizable-panels.vercel.app/examples/grid-basics" rel="noopener noreferrer"&gt;React Resizable Panels 4.14 - Grid layout components&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/reduxjs/redux-toolkit/releases/tag/v2.13.0" rel="noopener noreferrer"&gt;Redux Toolkit 2.13 - TypeScript 7 support, long list of bug fixes, new unified docs site&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/oxc-project/oxc/releases/tag/oxlint_v1.86.0" rel="noopener noreferrer"&gt;Oxlint 1.86 - &lt;code&gt;only-export-components&lt;/code&gt; now supports compound component, 2 React Compiler fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=eFFH_4aD6Ig" rel="noopener noreferrer"&gt;James Quick - Vinext 1.0 - A New Alternative to Next.js&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://margelo.com/" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F299%2Fmarjelo.jpg" alt="Margelo – High-Performance React Native Engineering"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://margelo.com/" rel="noopener noreferrer"&gt;Margelo – High-Performance React Native Engineering&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Margelo builds and maintains some of React Native’s most widely used &lt;strong&gt;open-source&lt;/strong&gt; technologies, with 441M+ downloads across our projects. We’re the team behind &lt;strong&gt;VisionCamera, react-native-mmkv&lt;/strong&gt; and &lt;strong&gt;Nitro Modules&lt;/strong&gt;. Chances are high that you’re already running some of our code.&lt;/p&gt;

&lt;p&gt;Performance is at the core of what we build. We work deep in the stack, from JSI and C++ to Swift, Kotlin and React Native’s New Architecture. We bring that expertise to companies too. At Discord we helped tackle performance bottlenecks in its New Architecture migration. Among other improvements, we reduced the Android app’s crash rate by 36% and jank frame rate by 26%, bringing jank back to regular levels.&lt;/p&gt;

&lt;p&gt;Want to see how? &lt;a href="https://margelo.com/blog/margelo-discord-react-native-performance" rel="noopener noreferrer"&gt;Read the technical deep dive on our blog&lt;/a&gt; and learn more about what we do.&lt;/p&gt;




&lt;h2&gt;
  
  
  📱 React-Native
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://deploypulse.io/" rel="noopener noreferrer"&gt;DeployPulse - Hosted OTA updates for React Native. A drop-in replacement for CodePush and EAS Update.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📖 &lt;a href="https://reactnative.dev/docs/next/text-style-props#fontvariationsettings" rel="noopener noreferrer"&gt;React Native docs - &lt;code&gt;fontVariationSettings&lt;/code&gt; - Variable font support&lt;/a&gt; - RN 0.88 will support configuring variation axes of a variable font.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.matinzd.dev/blog/activity-result-api-for-react-native-modules/" rel="noopener noreferrer"&gt;React Native Modules Cannot Use Android's Activity Result API&lt;/a&gt; - Modules load after the Activity starts, so the modern API was unusable from native code. Fix is coming in RN 0.89. No manual setup of &lt;code&gt;MainActivity&lt;/code&gt; steps needed.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://afonsojramos.me/blog/super-calendar/" rel="noopener noreferrer"&gt;Shipping super-calendar&lt;/a&gt; - A story about building a performant solution for RN and web. Virtualized rendering of visible dates only, and Reanimated shared values to skip re-renders.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://swmansion.com/blog/5-react-native-enriched-html-use-cases-you-might-not-know-about/" rel="noopener noreferrer"&gt;5 react-native-enriched-html Use Cases You Might Not Know About&lt;/a&gt; - More than a rich text editor: text processing like the emoji picker runs fully native, avoiding JS-side FPS drops on low-end devices.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/agentic-ci-for-expo-apps-with-testerarmy" rel="noopener noreferrer"&gt;Agentic CI for Expo apps with TesterArmy&lt;/a&gt; - Code output outpaced review capacity, so merges ship with low confidence. Testing like a real user using agents restores it.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://maestro.dev/blog/mobile-ui-testing-with-coding-agents?utm_source=this-week-in-react" rel="noopener noreferrer"&gt;Maestro MCP - A practical guide to mobile UI testing with coding agents&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/react-navigation/react-navigation/releases/tag/%40react-navigation%2Fcore%407.23.0" rel="noopener noreferrer"&gt;React Navigation 7.23 - Add &lt;code&gt;tabBarRepeatedPressBehavior&lt;/code&gt;&lt;/a&gt; - Defines the behavior when pressing an already-focused tab. Can scroll content to top and/or pop nested stack screens.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://lynxjs.org/next/blog/lynx-4-0" rel="noopener noreferrer"&gt;Lynx 4.0 - Foldables, Media Queries, Liquid Glass &amp;amp; Blur, WebView, ReactLynx improvements, Generative UI&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/Fausto95/lucent" rel="noopener noreferrer"&gt;Lucent - Write native modules in TypeScript, compiled to C++ and called through JSI&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/microsoft/react-native-macos/releases/tag/react-native-macos%400.83.0" rel="noopener noreferrer"&gt;React Native macO 0.83&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/appduct" rel="noopener noreferrer"&gt;Appduct - Expose app tools to agents and tests, no debug menus in the binary&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/margelo/react-native-nitro-sqlite/releases/tag/v10.0.0" rel="noopener noreferrer"&gt;Nitro SQLite 10 - Independent database handles, reusable prepared statements, macOS support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/LegendApp/legend-list/releases/tag/v3.6.0" rel="noopener noreferrer"&gt;Legend List 3.6 - Add &lt;code&gt;viewPositionFallback&lt;/code&gt; for oversized list items&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/ng-native/ng-native" rel="noopener noreferrer"&gt;Angular Native - Build native iOS and Android apps with Angular, built and shipped with Expo&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/bhyoo99/react-native-nitro-rtmp" rel="noopener noreferrer"&gt;Nitro RTMP - Live streaming as a VisionCamera 5 output&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/mdjastrzebski/react-native-plain-text/releases/tag/v0.9.0" rel="noopener noreferrer"&gt;Plain Text 0.9 - Faster, drop-in remplacement for Text component, proper hyphenation, writingDirection&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstack/repack/releases/tag/%40callstack/repack%405.4.0" rel="noopener noreferrer"&gt;Re.Pack 5.4 - Lazy per-platform Rspack builds, unified commands entry point, RN 0.87 support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.reactvision.xyz/updates/viroreact-3-0-0-five-platforms-one-codebase/" rel="noopener noreferrer"&gt;ViroReact 3.0 - visionOS, Web AR, co-location multiplayer, Studio and MCP tooling&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/Shopify/react-native-skia/releases/tag/v2.13.0" rel="noopener noreferrer"&gt;Skia 2.13 - Legacy architecture support removed, &lt;code&gt;android.surfaceType&lt;/code&gt; to select the backing view, SPM support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/getsentry/sentry-react-native/releases/tag/8.28.0" rel="noopener noreferrer"&gt;Sentry 8.28 - Native breadcrumb off-switches, PII accessibility identifier opt-out, MetricKit raw payloads&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/LegendApp/legend-list/releases/tag/v3.5.0" rel="noopener noreferrer"&gt;Legend List 3.5 - scrollElement to share an ancestor scrollbar on web, less layout work for single-column lists&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/argent/releases/tag/v0.26.0" rel="noopener noreferrer"&gt;Argent 0.26 - iPhone Duo simulator support, clearer simulator-server exit errors, Xcode Device Hub for booted simulators&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstack/agent-device/releases/tag/v0.21.15" rel="noopener noreferrer"&gt;Agent Device 0.21.15 - iOS 27 SDK and Xcode 27 support, visionOS simulators, richer Android accessibility snapshots&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🔀 Other
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/search?q=from%3Arobpalmer2%20ECMAScript%20excitement&amp;amp;src=typed_query&amp;amp;f=live" rel="noopener noreferrer"&gt;TC39 meeting live updates - Progress for Composites, Iterator methods, export defer, and more&lt;/a&gt; - Among many other interesting JS proposals, my favorite one progressed! Composites are objects compared by value instead of identity, using interning. This is kind-of the “new version” of the former Records &amp;amp; Tuples proposal.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/kevinmoch/web-skill" rel="noopener noreferrer"&gt;WebSkills&lt;/a&gt; - A Huawei contributor recently pitched this at a W3C seminar, and W3C could incubate the project for a future standardization. Agent Skills, stored in the browser, running scripts in Web Worker sandboxes. Very early, but this could complete WebMCP and On-Device AI.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://adventures.nodeland.dev/archive/optimizing-objects-with-null-prototypes/" rel="noopener noreferrer"&gt;Optimizing objects with null prototypes&lt;/a&gt; - Using null-prototype objects in hot paths can be a perf bottleneck for V8. Matteo works on Node.js WebStream optimisations, and just changing how those objects are created led to significant perf improvements.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://pepelsbey.dev/articles/svg-link-params/" rel="noopener noreferrer"&gt;CSS linked parameters - One SVG, nine posters&lt;/a&gt; - Upcoming CSS feature to style an &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; SVG directly from the page CSS. Can be used today as a progressive enhancement.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://kettanaito.com/blog/electron-to-pwa-and-back-again" rel="noopener noreferrer"&gt;Electron to PWA: There and Back Again&lt;/a&gt; - PWA still can't deliver basic desktop app expectations.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://voidzero.dev/posts/announcing-vite-plus-1-0" rel="noopener noreferrer"&gt;Vite+ 1.0 - A single &lt;code&gt;vp&lt;/code&gt; command to manage your Node.js runtime, package manager, and frontend toolchain&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://upm.sh/" rel="noopener noreferrer"&gt;upm - A fast, tiny package manager for the npm registry&lt;/a&gt; - Written in TypeScript, yet as fast as Rust alternatives.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://mswjs.io/blog/introducing-msw-3.0" rel="noopener noreferrer"&gt;Mock Service Worker 3.0 - Smaller, ESM-only, granular entrypoints, GraphQL subscriptions, Network API, socket-level Node.js interception&lt;/a&gt; - There’s also a &lt;a href="https://mswjs.io/guides/integrations/react-native" rel="noopener noreferrer"&gt;new package to integrate with React Native&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://pnpm.io/blog/releases/12.7" rel="noopener noreferrer"&gt;pnpm 12.7 - node shim follows &lt;code&gt;.nvmrc&lt;/code&gt;, install &lt;code&gt;--allow-build&lt;/code&gt; flag, wait for published packages to become available&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🤭 Fun
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://x.com/sebastienlorber/status/2103468812888936488" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F299%2Fmeme.jpg" alt="alt"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://x.com/apex__ai/status/2102467529683972118" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F299%2Fmeme2.jpg" alt="alt"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;See ya! 👋&lt;/p&gt;

</description>
      <category>react</category>
      <category>reactnative</category>
    </item>
    <item>
      <title>This Week In React #298 : Astro, Redux, img, Hotkeys | Reanimated, Worklets, Helix, Screens, SecondaryRuntime | TC39, Node, pnpm</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 25 Sep 2026 12:48:10 +0000</pubDate>
      <link>https://dev.to/sebastienlorber/this-week-in-react-298-astro-redux-img-hotkeys-reanimated-worklets-helix-screens-2d41</link>
      <guid>https://dev.to/sebastienlorber/this-week-in-react-298-astro-redux-img-hotkeys-reanimated-worklets-helix-screens-2d41</guid>
      <description>&lt;p&gt;Hi everyone, &lt;a href="https://x.com/sebastienlorber" rel="noopener noreferrer"&gt;Seb&lt;/a&gt; and &lt;a href="https://x.com/jaworek3211" rel="noopener noreferrer"&gt;Jan&lt;/a&gt; here 👋!&lt;/p&gt;

&lt;p&gt;This week is rather quiet on the web side. Astro's React integration keeps ramping up. Redux is working on significant performance improvements for large apps.&lt;/p&gt;

&lt;p&gt;On mobile, we still have a steady flow of interesting releases. Reanimated enabled its new layout engine by default. Shopify presented Helix, its internal tool to move away from RN. Xcode project format is finally moving to JSON!&lt;/p&gt;

&lt;p&gt;We asked on 𝕏: &lt;a href="https://x.com/sebastienlorber/status/2101990551457263880" rel="noopener noreferrer"&gt;do average devs still care about React?&lt;/a&gt; \&lt;br&gt;
Thanks to everyone who answered our existential question! \&lt;br&gt;
If fewer devs care about implementation details and React, &lt;strong&gt;what's the future of this newsletter&lt;/strong&gt;? 🤷‍♂️ \&lt;br&gt;
Reply by email and tell us how we can best serve you in this new AI-driven world.&lt;/p&gt;

&lt;p&gt;Let's dive in!&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the official newsletter to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://planetscale.com?utm_source=this_week_in_react&amp;amp;utm_medium=email&amp;amp;utm_campaign=2026_q3_this_week_in_react&amp;amp;utm_content=slot_1" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F298%2Fplanetscale.jpg" alt="PlanetScale: The database that gets faster as you sleep"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://planetscale.com?utm_source=this_week_in_react&amp;amp;utm_medium=email&amp;amp;utm_campaign=2026_q3_this_week_in_react&amp;amp;utm_content=slot_1" rel="noopener noreferrer"&gt;PlanetScale: The database that gets faster as you sleep&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Agents ship React features faster than ever. They also ship unindexed queries, N+1s, and schema decisions made at 2am by a model that will never get paged.&lt;/p&gt;

&lt;p&gt;Fortunately, agents can &lt;em&gt;fix&lt;/em&gt; database problems too. They just need production data, and that's what the PlanetScale MCP server gives them. Hook up an agent, and the loop looks like this:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;PlanetScale flags a slow query&lt;/li&gt;
&lt;li&gt;The agent traces it back to the code in your repo&lt;/li&gt;
&lt;li&gt;The agent opens a PR with the fix&lt;/li&gt;
&lt;li&gt;You review and merge&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Run it once, or put it on a schedule.&lt;/p&gt;

&lt;p&gt;Underneath it all: the fastest, most scalable cloud Postgres and MySQL, with options like PlanetScale Metal when you need peak performance. Fast databases, fast React apps.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://planetscale.com/docs/connect/self-improving-database/?utm_source=this_week_in_react&amp;amp;utm_medium=email&amp;amp;utm_campaign=2026_q3_this_week_in_react&amp;amp;utm_content=slot_1" rel="noopener noreferrer"&gt;&lt;strong&gt;Try the self-improving database&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  ⚛️ React
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;👀 &lt;a href="https://react.dev/reference/react-dom/components/img" rel="noopener noreferrer"&gt;React docs - New &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; API ref page&lt;/a&gt; - The humble image component does more than just displaying images. It also generates preload hints during SSR by default, and integrates nicely with &lt;code&gt;&amp;lt;ViewTransition&amp;gt;&lt;/code&gt; animations.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/react/react/pull/37636" rel="noopener noreferrer"&gt;React Flight PR - Server References for arbitrary object types&lt;/a&gt; - Experimental Flight protocol feature, enabling Server References to point to an object and not just a function.&lt;/li&gt;
&lt;li&gt;🔐 &lt;a href="https://nextjs.org/blog/nextjs-security-update-september-22-2026" rel="noopener noreferrer"&gt;Next.js 16.3.6 - Security Update&lt;/a&gt; - Fixing a critical remote code execution vulnerability for those using &lt;code&gt;ImageResponse&lt;/code&gt; with the Node runtime with dynamic user-controlled SVG inputs.&lt;/li&gt;
&lt;li&gt;🗓️&amp;nbsp;&lt;a href="https://reactadvanced.com/?utm_source=thisweekinreact" rel="noopener noreferrer"&gt;React Advanced London&lt;/a&gt;&amp;nbsp;-&amp;nbsp;🇬🇧&amp;nbsp;London - 23 &amp;amp; 26 Oct.&amp;nbsp;Last call for London's most in-depth React conference! Two days, 50+ advanced sessions, next to Big Ben. Don't miss it—get 10% off with code "TWIR.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://brookslybrand.com/posts/do-frameworks-matter-anymore/" rel="noopener noreferrer"&gt;Do Frameworks Matter Anymore?&lt;/a&gt; - If LLMs are great at React but nobody reads the &lt;code&gt;.tsx&lt;/code&gt; files anymore, why even use an abstraction? Will the industry stick with React forever, or is there room for platform primitives (Web Components) and new ideas (Remix 3)? Kinda related to my existential crisis. 😆&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://hackernoon.com/react-activity-when-a-render-no-longer-guarantees-an-effect" rel="noopener noreferrer"&gt;React Activity: When A Render No Longer Guarantees an Effect&lt;/a&gt; - Blindly replacing conditional rendering with &lt;code&gt;&amp;lt;Activity&amp;gt;&lt;/code&gt; can expose subtle bugs in legacy code relying on the render/Effect/cleanup sequence.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://tj-zhang.com/blog/frontend-for-systems-engineers/" rel="noopener noreferrer"&gt;Frontend for systems engineers&lt;/a&gt; - Explains React through familiar systems concepts&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://docs.astro.build/en/guides/integrations-guide/react/#upgrading-the-react-integration-to-v700" rel="noopener noreferrer"&gt;Astro React 7.0 - Replaces Babel with Oxc, upgrades to Vite Plugin React v6&lt;/a&gt; - It now has opt-in support for the React Compiler through Oxc experimental support.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/reduxjs/react-redux/releases/tag/v9.4.0-alpha.0" rel="noopener noreferrer"&gt;React Redux 9.4 alpha - &lt;code&gt;useSignalSelector()&lt;/code&gt; hook, &lt;code&gt;&amp;lt;SignalProvider&amp;gt;&lt;/code&gt; component, &lt;code&gt;react-redux/signals&lt;/code&gt; entrypoint&lt;/a&gt; - Drop-in optimization for large apps with thousands of connected components. Opt-in, but +7kB gzip. A proxy tracks selector state access, so only affected selectors re-run on dispatch.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="http://releases" rel="noopener noreferrer"&gt;Redact 0.1 - Add React 19.3 APIs, improve runtime compatibility, keep sync rendering contract&lt;/a&gt;- TanStack's lightweight, synchronous reimplementation of React is now on GitHub and ships its first minor.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/pmndrs/react-three-fiber/releases/tag/v9.8.0" rel="noopener noreferrer"&gt;React Three Fiber 9.8 - Support for React 19.3, roots configured synchronously, Strict Mode fixed&lt;/a&gt; - For 3D enthusiasts, Poimandres also released &lt;a href="https://github.com/pmndrs/glyph" rel="noopener noreferrer"&gt;Glyph&lt;/a&gt;, a GPU-first typography engine with R3F bindings.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/TanStack/hotkeys/releases/tag/%40tanstack%2Freact-hotkeys%400.11.0" rel="noopener noreferrer"&gt;TanStack React Hotkeys 0.11 - Improved physical key support, recorder validation, conflict detection, cross-layout fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.react-simple-maps.io/" rel="noopener noreferrer"&gt;React Simple Maps 5.0 - Composable SVG map charts for data visualization in React&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://bsky.app/profile/bvaughn.me/post/3mvxpohs3vs2n" rel="noopener noreferrer"&gt;React Resizable Panels 4.13 - Deferred panel resizing, panel expand/collapse threshold&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/BetterTyped/react-zoom-pan-pinch/releases/tag/v4.2.0" rel="noopener noreferrer"&gt;react-zoom-pan-pinch 4.2 - Zooming, panning, pinching images and html elements, the easy way&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://revopush.org/react-native-ota-payloads-binary-diffs?utm_source=this_week_in_react" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fnepb4vict32u6j5g33hc.jpg" alt="Your first React Native OTA can be a diff"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://revopush.org/react-native-ota-payloads-binary-diffs?utm_source=this_week_in_react" rel="noopener noreferrer"&gt;Your first React Native OTA can be a diff&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://revopush.org/" rel="noopener noreferrer"&gt;Revopush OTA&lt;/a&gt; reuses the hermes bundle and assets already in your IPA and APK.&lt;/p&gt;

&lt;p&gt;Even the first OTA after a native release can contain only the changes.&lt;/p&gt;

&lt;p&gt;In one production release, an 18 Mb full package became &lt;strong&gt;100 to 500 Kb&lt;/strong&gt; patches.&lt;/p&gt;

&lt;p&gt;After the switch, the team released more often. Update downloads increased, yet egress fell 💰.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;SDK compatible with React Native and Expo&lt;/li&gt;
&lt;li&gt;Binary diff updates from the first OTA release&lt;/li&gt;
&lt;li&gt;Enterprise-grade security, with SOC 2 Type II&lt;/li&gt;
&lt;li&gt;Advanced release analytics&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://revopush.org/react-native-ota-payloads-binary-diffs?utm_source=this_week_in_react" rel="noopener noreferrer"&gt;See the production results&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  📱 React-Native
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-sept23" rel="noopener noreferrer"&gt;build mode - How much can you delegate to agents?&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/react-native-community/discussions-and-proposals/pull/1023" rel="noopener noreferrer"&gt;React Native RFC - Secondary JavaScript runtimes in React Native&lt;/a&gt; - Worklet maintainer requesting a first-class C++ API to create secondary Hermes runtimes. This should help make the integration with libraries such as Reanimated/Worklets more robust, address debugging/inspector/HMR pain points, and more.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://shopify.engineering/helix" rel="noopener noreferrer"&gt;Shopify Helix - The internal tool powering our native migration&lt;/a&gt; - Agents are powerful, but getting consistent results is difficult. Their solution needed tooling and guardrails.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://lynxjs.org/next/blog/reactlynx-instant-first-frame-rendering" rel="noopener noreferrer"&gt;Deep Dive into ReactLynx: From Background Rendering to Instant First-Frame Rendering&lt;/a&gt; - Start of the series to answer how Lynx runs React on two threads, enables IFR and Main Thread Script.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://andrei-calazans.com/posts/2026-09-19-the-kmp-ios-scaling-problem-rust-uniffi-fixes/" rel="noopener noreferrer"&gt;The KMP-on-iOS Scaling Problem That Rust UniFFI Fixes&lt;/a&gt; - A follow-up to last week’s KMP post and its challenge of scaling on iOS and how Rust's UniFFI fixes it.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://x.com/ryanlanciaux/status/2098434962915573971" rel="noopener noreferrer"&gt;React Native in an Industry That's Changing&lt;/a&gt; - A look into how working with agents changes the decision process on where to draw the line between native and cross-platform.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://andrei-calazans.com/posts/2026-09-18-shared-business-logic-in-rust/" rel="noopener noreferrer"&gt;What Does Shared Business Logic in Rust Look Like on iOS &amp;amp; Android?&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.callstack.com/blog/exploring-jev-for-mobile-qa-with-agent-device" rel="noopener noreferrer"&gt;Exploring Jev for AI-Driven QA with agent-device&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://patch.codemagic.io/?utm_source=newsletter&amp;amp;utm_medium=referral&amp;amp;utm_campaign=twir" rel="noopener noreferrer"&gt;Codemagic Patch - Self-hosted OTA updates, complete with fingerprinting, release metrics and online dashboard&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://developer.apple.com/documentation/xcode/updating-your-xcode-project-configuration-file-format" rel="noopener noreferrer"&gt;Xcode 27.2 beta - JSON project format &lt;code&gt;.xcproj&lt;/code&gt;&lt;/a&gt; - A new JSON format that’s more human-readable, editable by coding agents, and merge-friendly. Already the default for new projects.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://swmansion.com/changelog/reanimated-4-7-0/" rel="noopener noreferrer"&gt;Reanimated 4.7 - New layout animations engine by default, animated &lt;code&gt;backgroundImage&lt;/code&gt;, more Android CSS transitions&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://swmansion.com/changelog/worklets-0-13-0/" rel="noopener noreferrer"&gt;Worklets 0.13 - Networking module for Bundle Mode runtimes, OXC Babel plugin port, SPM support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://swmansion.com/changelog/react-native-screens-5-0-0-alpha-3/" rel="noopener noreferrer"&gt;Screens 5.0 alpha 3 - Stack v5 header customization on Android and iOS, FormSheet stacking, SPM support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/rbayuokt/expo-infinite-media" rel="noopener noreferrer"&gt;Expo Infinite Media - Native paged media feed, &lt;code&gt;AVFoundation&lt;/code&gt; on iOS, &lt;code&gt;Media3&lt;/code&gt; on Android&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/AmatoGiulio/react-native-numeric-text" rel="noopener noreferrer"&gt;Numeric Text - SwiftUI's &lt;code&gt;numericText&lt;/code&gt; on iOS, frame-measured native renderer on Android&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/adnxy/react-native-secure-webview" rel="noopener noreferrer"&gt;Secure Webview - Explicit origin allowlists. Native navigation enforcement. Blocked redirects. Deep-link protection. Fail-closed by default.&lt;/a&gt; - Built for security-critical flows like payments, OAuth, authentication, and 3-D Secure.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/DorianMazur/react-native-screen-choreography/releases/tag/v0.6.0" rel="noopener noreferrer"&gt;Screen Choreography 0.6 - Declarative Enter/Exit reveals, duration-based springs, interactive gesture lifecycle&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/gre/react-native-view-shot/releases/tag/v6.0.0" rel="noopener noreferrer"&gt;View Shot 6.0 - RN 0.80+ required, 0.87 Strict TypeScript API support, &lt;code&gt;html2canvas-pro&lt;/code&gt; optional on web&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/margelo/react-native-nitro-sqlite/releases/tag/v9.8.0" rel="noopener noreferrer"&gt;Nitro SQLite 9.8 - iOS Application Support storage, performance mode, thread safety&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/getsentry/sentry-react-native/releases/tag/8.27.0" rel="noopener noreferrer"&gt;Sentry 8.27 - Session Replay runtime controls, per-class masking, iOS hang workaround&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/mdjastrzebski/test-renderer/releases/tag/v1.3.0" rel="noopener noreferrer"&gt;Test Renderer 1.3 - React 19.3 support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/LegendApp/legend-list/releases/tag/v3.4.0" rel="noopener noreferrer"&gt;Legend List 3.4 - Scroll readiness callback, end-following fixes, direction-aware row preparation&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/thiagobrez/react-native-arrangement-view" rel="noopener noreferrer"&gt;Arrangement View 0.1 - Adaptive split/overlay panes and hinge observation for foldables, early iPhone Duo support, Android coming soon&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/ifeoluwak/react-native-skia-layout" rel="noopener noreferrer"&gt;Skia Layout - Flexbox layouts for React Native Skia powered by Yoga&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://pulsar.swmansion.com/studio" rel="noopener noreferrer"&gt;Pulsar Studio - Visual editor for custom haptic patterns, timeline design, audio and Lottie generation&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/enriched-markdown/blob/main/packages/enriched-markdown-ios/README.md" rel="noopener noreferrer"&gt;Enriched Markdown iOS 0.3 - LaTeX math, spoilers, highlights, GitHub alerts, better VoiceOver&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstack/agent-device/releases/tag/v0.21.12" rel="noopener noreferrer"&gt;Agent Device 0.21.12 - Foldable simulator posing, recording contact sheets, Maestro permissions&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/delacournz/delacour-ui" rel="noopener noreferrer"&gt;Delacour UI - shadcn-style component kit for RN: Uniwind styling, Reanimated interaction, Pulsar haptics&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://apex.callstack.com/" rel="noopener noreferrer"&gt;Apex - Callstack's React Native coding model&lt;/a&gt; - Based on Gemma 4, fine-tuned with SFT + GRPO on curated RN ecosystem data. Will be launched soon.&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=mK6QKSyPCvk" rel="noopener noreferrer"&gt;Beto - What's new in Expo SDK 58&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=MUFlnOXi-o4" rel="noopener noreferrer"&gt;Expo - Introduction to agentic self-healing apps&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🔀 Other
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/tc39/agendas/blob/main/2026/09.md" rel="noopener noreferrer"&gt;TC39 - Agenda for the 116th meeting&lt;/a&gt; - Happening next Tuesday. Many Iterator proposals will likely progress to stage 4. I’m particularly excited to see if Composites will progress to stage 2!&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.bram.us/2026/09/23/responsive-iframes/" rel="noopener noreferrer"&gt;Chrome 154 - Responsive iframe resizing&lt;/a&gt; - Iframes can now resize themselves based on the size of their embedded document 🤯. Haven't all widget/extension authors dreamed of this for years, as an alternative to &lt;code&gt;postMessage()&lt;/code&gt;?&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://blogs.windows.com/msedgedev/2026/09/21/new-in-edge-for-developers-create-better-components-and-make-your-site-agent-ready/" rel="noopener noreferrer"&gt;Edge 151-153&lt;/a&gt; - My favorite newly-supported features are WebMCP (origin trial) and OpaqueRange to highlight in inputs/textarea (see my &lt;a href="https://x.com/sebastienlorber/status/2099883816718323949" rel="noopener noreferrer"&gt;syntax-highlighted textarea demo&lt;/a&gt;).&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://pnpm.io/blog/releases/12.6" rel="noopener noreferrer"&gt;pnpm 12.6 - Automatic dedupe, automatic type installation, &lt;code&gt;file:/link&lt;/code&gt; catalogs, and more&lt;/a&gt; - You may not need to run &lt;code&gt;pnpm dedupe&lt;/code&gt; as part of your CI anymore! And wtf we had to figure out manually whether a lib has bundled types or is using DefinitelyTyped? Not anymore!&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://turborepo.dev/blog/2-11" rel="noopener noreferrer"&gt;Turborepo 2.11 - Native support for Rust/Python/Go, faster startup, nub/aube support&lt;/a&gt; - It’s interesting to see that both Turborepo and pnpm have become polyglot tools lately. Maybe the start of a new trend that AI now enables?&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://nodejs.org/en/blog" rel="noopener noreferrer"&gt;Node.js 26.9- &amp;amp; 26.10 - Web Workers support, VFS improvements, enable &lt;code&gt;ffi&lt;/code&gt;, add &lt;code&gt;bench&lt;/code&gt;, &lt;code&gt;debounce/throttle&lt;/code&gt;&lt;/a&gt; - Native support for throttle/debounce surprised me, RIP Lodash 😄&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/jsdom/jsdom/releases/tag/v30.1.0" rel="noopener noreferrer"&gt;jsdom 30.1 - Major performance, memory, and correctness improvements&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://rstest.rs/blog/announcing-0-12" rel="noopener noreferrer"&gt;Rstest 0.12 - Playwright E2E testing, Module Federation testing, faster jsdom tests, new JS API&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/trpc/trpc/releases/tag/v11.19.0" rel="noopener noreferrer"&gt;tRPC 11.19 - Better request cancellation, TanStack Query &lt;code&gt;skipToken&lt;/code&gt; fix&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://eslint.org/blog/2026/09/eslint-v10.11.0-released/" rel="noopener noreferrer"&gt;ESLint 10.11 - Perf improvements: 20-25% faster initialization, faster rule execution&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🤭 Fun
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://x.com/markjaquith/status/2101341256743813558" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F298%2Fmeme.jpg" alt="alt"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;See ya! 👋&lt;/p&gt;

</description>
      <category>react</category>
      <category>reactnative</category>
    </item>
    <item>
      <title>This Week In React #297 : DevTools, Motion, Apollo | Shopify, Expo 58 beta, ExecuTorch | pnpm, oj, Zod</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 18 Sep 2026 08:04:01 +0000</pubDate>
      <link>https://dev.to/sebastienlorber/this-week-in-react-297-devtools-motion-apollo-shopify-expo-58-beta-executorch-pnpm-oj-3deg</link>
      <guid>https://dev.to/sebastienlorber/this-week-in-react-297-devtools-motion-apollo-shopify-expo-58-beta-executorch-pnpm-oj-3deg</guid>
      <description>&lt;p&gt;Hi everyone, &lt;a href="https://x.com/sebastienlorber" rel="noopener noreferrer"&gt;Seb&lt;/a&gt; and &lt;a href="https://x.com/jaworek3211" rel="noopener noreferrer"&gt;Jan&lt;/a&gt; here 👋!&lt;/p&gt;

&lt;p&gt;Following the React v19.3 release, DevTools v8 is now officially published. Motion shipped a ViewTransition wrapper. React Router optimized re-renders. Apollo Client finally has custom scalars.&lt;/p&gt;

&lt;p&gt;On mobile, we have a lot of releases. RN 0.88 will use React v19.3. Shopify is moving away from React Native!&lt;/p&gt;

&lt;p&gt;Let's dive in!&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the official newsletter to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" alt="banner" width="" height=""&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://sentry.io/resources/agent-tracing-series/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=agenttracing-fy27q3-agenttracingseries&amp;amp;utm_content=newsletter-primary-workshop-series-register" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fn52rsik82978o0zt4p18.jpg" alt="Live Workshop Series: Debugging AI Agents" width="800" height="451"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://sentry.io/resources/agent-tracing-series/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=agenttracing-fy27q3-agenttracingseries&amp;amp;utm_content=newsletter-primary-workshop-series-register" rel="noopener noreferrer"&gt;Live Workshop Series: Debugging AI Agents&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Your agent returns something odd. Was it the prompt, a tool call that timed out, or output your code could not parse? Without traces, you are guessing.&lt;/p&gt;

&lt;p&gt;On &lt;strong&gt;October 7&lt;/strong&gt;, Serge from Sentry instruments three agents with &lt;a href="https://sentry.io/product/tracing/ai-agent/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=agenttracing-fy27q3-evergreen&amp;amp;utm_content=newsletter-primary-product-learnmore" rel="noopener noreferrer"&gt;Agent Tracing&lt;/a&gt;: a chatbot in an e-commerce store, a custom Slack agent, and a GitHub Action that reviews PRs. You'll see bad tool calls, unexpected output, and token spend per run.&lt;/p&gt;

&lt;p&gt;On &lt;strong&gt;October 14&lt;/strong&gt;, Ryan and Serge show how Sentry engineers debug their own agents and find the failures worth investigating across large volumes of production traces.&lt;/p&gt;

&lt;p&gt;Both sessions are free. &lt;a href="https://sentry.io/resources/agent-tracing-series/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=agenttracing-fy27q3-agenttracingseries&amp;amp;utm_content=newsletter-primary-workshop-series-register" rel="noopener noreferrer"&gt;&lt;strong&gt;Register for the series&lt;/strong&gt;&lt;/a&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  ⚛️ React
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-sept16" rel="noopener noreferrer"&gt;build mode - 2030-shaped software&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en" rel="noopener noreferrer"&gt;React DevTools 8.0 on the Chrome Web Store&lt;/a&gt; - If you use Chrome, you probably got the new version automatically. You should now see a new &lt;code&gt;Elements &amp;gt; ⚛️React Element&lt;/code&gt; pane when inspecting elements in Chrome DevTools, and also a new top-level &lt;code&gt;⚛️Suspense&lt;/code&gt; tab.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/facebook/stylex/pull/1865" rel="noopener noreferrer"&gt;StyleX RFC - Add compile-time CSS enums and exhaustive matching&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://ondrejvelisek.github.io/the-cost-of-abstraction-for-humans-and-ai-agents/" rel="noopener noreferrer"&gt;The Cost of Abstraction for Humans and AI Agents&lt;/a&gt; - The author created the same React app with different levels of abstraction, then measured the cost of editing each app with Sonnet 5. He estimates that an over-abstracted codebase costs 30% more in AI agent bill and time. Also includes 6 abstraction patterns often seen in React codebases that you can probably inline.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.nikhilsnayak.dev/blog/react-server-functions" rel="noopener noreferrer"&gt;React Server Functions Are More Than Mutations&lt;/a&gt; - An interactive exploration of using Server Functions for reads via HTTP QUERY, then streaming values, while working on an Effect-based RSC framework.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.brenelz.com/posts/solidjs-its-the-little-things/" rel="noopener noreferrer"&gt;SolidJS, It’s the Little Things&lt;/a&gt; - Walks through 6 small Solid 2.0 DX details, from &lt;code&gt;isPending()&lt;/code&gt; to optimistic stores, each compared side by side with the React equivalent.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://dev.to/subito/from-1256ms-to-96ms-fixing-inp-in-a-massive-react-dropdown-16l7"&gt;Fixing INP in a Massive React Dropdown&lt;/a&gt; - Opening a MultiSelect with ~1,200 options mounted at once blocks the main thread. Since all rows share the same height, a custom 90-line virtualization hook is enough to bring INP from 1,256ms down to 96ms.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://tsrx.dev/blog/removing-lazy-destructuring" rel="noopener noreferrer"&gt;TSRX - Removing lazy destructuring&lt;/a&gt; - Preparing for v1.0, TSRX dropped its &lt;code&gt;&amp;amp;{}&lt;/code&gt; destructuring syntax. This reflects its positioning as a JSX extension, rather than a new language that humans and LLMs would have to learn.&lt;/li&gt;
&lt;li&gt;💰 &lt;a href="https://fandf.co/4gEhH4E" rel="noopener noreferrer"&gt;The Amazon Developer Hackathon: Win up to $40k for the Fire TV track! 8 weeks to build and explore new agentic tools. Register now!&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://motion.dev/docs/react-animate-view" rel="noopener noreferrer"&gt;Motion 13.4 - New &lt;code&gt;&amp;lt;AnimateView&amp;gt;&lt;/code&gt; component&lt;/a&gt; - Wraps React's &lt;code&gt;&amp;lt;ViewTransition&amp;gt;&lt;/code&gt;, adding support for spring support, dynamic targets, animation controls, and a simple props API. Interesting to see the lib pushing back on React docs' claims about View Transition performance compared to layout animations.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/shadcn-ui/lint" rel="noopener noreferrer"&gt;shadcn lint - An agent-first linter for Tailwind design systems&lt;/a&gt; - Since &lt;code&gt;className&lt;/code&gt; is just a string, design system rules are hard to enforce with types. This ESLint/Oxlint plugin lets you define per-component rules and emit actionable errors to guide your agents.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/oxc-project/oxc/releases/tag/apps_v1.83.0" rel="noopener noreferrer"&gt;Oxlint 1.83 - Update lint rules for React 19.3&lt;/a&gt; - This fixes false-positive lint errors you may get by adopting React 19.3 features such as Fragment refs or newly supported DOM props.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://reactrouter.com/changelog#v840" rel="noopener noreferrer"&gt;React Router 8.4 - Fewer re-renders, faster route matching (unstable)&lt;/a&gt; - The internal router state has been split into 4 contexts, so hooks like &lt;code&gt;useLocation()&lt;/code&gt; will re-render less.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.apollographql.com/blog/whats-new-in-apollo-client-4-3" rel="noopener noreferrer"&gt;Apollo Client 4.3 - Custom scalars, type-safety improvements&lt;/a&gt; - The GraphQL client finally ships built-in custom scalar support, its most requested feature: parse/serialize values like &lt;code&gt;Date&lt;/code&gt; in one place&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://react-hook-form.com/docs/useformstate/errormessage" rel="noopener noreferrer"&gt;React Hook Form 7.88 - Built-in &lt;code&gt;&amp;lt;ErrorMessage&amp;gt;&lt;/code&gt; component&lt;/a&gt; - This lets you render one or many validation error messages for a given field.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://astryx.atmeta.com/blog/astryx-v0-6-0" rel="noopener noreferrer"&gt;Astryx 0.6 - Responsive theme rules, adaptable selection, reworked Neutral palette&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://revopush.org/react-native-ota-payloads-binary-diffs?utm_source=this_week_in_react" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fnepb4vict32u6j5g33hc.jpg" alt="Your first React Native OTA can be a diff" width="800" height="378"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://revopush.org/react-native-ota-payloads-binary-diffs?utm_source=this_week_in_react" rel="noopener noreferrer"&gt;Your first React Native OTA can be a diff&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://revopush.org/" rel="noopener noreferrer"&gt;Revopush OTA&lt;/a&gt; reuses the hermes bundle and assets already in your IPA and APK.&lt;/p&gt;

&lt;p&gt;Even the first OTA after a native release can contain only the changes.&lt;/p&gt;

&lt;p&gt;In one production release, an 18 Mb full package became &lt;strong&gt;100 to 500 Kb&lt;/strong&gt; patches.&lt;/p&gt;

&lt;p&gt;After the switch, the team released more often. Update downloads increased, yet egress fell 💰.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;SDK compatible with React Native and Expo&lt;/li&gt;
&lt;li&gt;Binary diff updates from the first OTA release&lt;/li&gt;
&lt;li&gt;Enterprise-grade security, with SOC 2 Type II&lt;/li&gt;
&lt;li&gt;Advanced release analytics&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://revopush.org/react-native-ota-payloads-binary-diffs?utm_source=this_week_in_react" rel="noopener noreferrer"&gt;See the production results&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  📱 React-Native
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://shopify.engineering/back-to-native" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fydrapesf9rzp973v0z73.jpg" alt="Shopify is moving away from React Native to native" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://shopify.engineering/back-to-native" rel="noopener noreferrer"&gt;Shopify is moving away from React Native to native&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;An unexpected announcement from Shopify shook the React Native ecosystem. They’re moving away from React Native to native Swift and Kotlin!&lt;/p&gt;

&lt;p&gt;So what’s their reason? Not because RN failed, but because coding agents changed the economics. Building twice no longer costs twice.&lt;/p&gt;

&lt;p&gt;They &lt;a href="https://shopify.engineering/shop-app-migration" rel="noopener noreferrer"&gt;started with a 12-week case study to migrate their flagship Shop app&lt;/a&gt; to native with 6 engineers, leading to the following improvements:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;improve startup time - iOS startup 3200ms → 2466ms (-23%), Android 4433ms → 2233ms (-50%)&lt;/li&gt;
&lt;li&gt;session stability - 99.5% → 99.95% (10x reduction)&lt;/li&gt;
&lt;li&gt;runtime performance on Android - 120 FPS on a Pixel device&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It’s important to note that the app was 𝕏 &lt;a href="https://x.com/jamonholmgren/status/2098235125419135339" rel="noopener noreferrer"&gt;not using the New Architecture&lt;/a&gt;, which was built to fix those problems.&lt;/p&gt;

&lt;p&gt;Does it mean &lt;a href="https://codewithbeto.dev/blog/is-react-native-dead-shopify-native" rel="noopener noreferrer"&gt;React Native is dead&lt;/a&gt;? Does not seem so. A shared application and UI layer remains useful, and React Native still has major benefits such as Over-The-Air updates and good foundations for server-driven UI, useful for the agentic era.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://crisp.chat/?utm_source=twir&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=crisp_q3_nl&amp;amp;utm_content=16sep26" rel="noopener noreferrer"&gt;Crisp - Customize your in-app support experience with our React Native SDK and flexible integration options&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/react/react-native/releases/tag/v0.88.0-rc.1" rel="noopener noreferrer"&gt;React Native 0.88 RC.1 cherry-picked React 19.3 - Stable ViewTransition, Fragment refs, browser(), Trusted Types&lt;/a&gt; - This upgrade doesn’t look like a major change for RN devs on its own, but ViewTransitions and Fragment refs are React core features and may become supported on the RN side? 🤫&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/build-ios-apps-on-windows-with-cloud-simulators" rel="noopener noreferrer"&gt;You don't need a Mac to develop iOS apps anymore&lt;/a&gt; - EAS runs iOS simulators in the cloud, letting you test and build apps from any OS or browser. Android is also supported.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://shift.infinite.red/legend-state-the-fastest-react-state-library-youre-probably-not-using-e791171a61b7" rel="noopener noreferrer"&gt;Legend State: The Fastest React State Library You’re Probably Not Using&lt;/a&gt; - React's built-in state management can often be a source of performance problems. State managers such as Legend State help reduce re-renders thanks to &lt;code&gt;observables&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://andrei-calazans.com/posts/2026-09-14-how-kmp-with-swiftui-scales-on-ios/" rel="noopener noreferrer"&gt;How Does KMP with SwiftUI Scale on iOS?&lt;/a&gt; - Sharing logic in Kotlin sounds ideal. The problem? iOS consumes one static framework. Does this cause a full rebuild on every change? Fortunately, no, but there's still a cost.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://codewithbeto.dev/blog/is-your-app-ready-for-iphone-duo" rel="noopener noreferrer"&gt;Is Your App Ready for iPhone Duo?&lt;/a&gt; - A new mobile form factor is coming to iOS. Taking care of screen edges, safe areas, and adaptive layout is more important than ever.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://swmansion.com/blog/what-it-actually-takes-to-migrate-discord-to-react-native-s-new-architecture/" rel="noopener noreferrer"&gt;What It Actually Takes to Migrate Discord to React Native's New Architecture&lt;/a&gt; - Migrating a complex app to the New Architecture is not just a flip of a switch. There’s a long tail of issues and assumptions that need to be taken care of.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://patch.codemagic.io/?utm_source=newsletter&amp;amp;utm_medium=referral&amp;amp;utm_campaign=twir" rel="noopener noreferrer"&gt;Codemagic Patch - The easiest way to run your own OTA update server, complete with dashboard and fingerprinting&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/react-native-executorch/releases/tag/v0.10.0" rel="noopener noreferrer"&gt;ExecuTorch 0.10 - Ground-up rewrite, TS pipelines, Core ML/MLX/Vulkan acceleration&lt;/a&gt; - Orchestration moves to inspectable TypeScript with Core API for custom models without C++, worklets support for VisionCamera live streams, on-demand native binaries to trim bundle size, and a legacy entrypoint for gradual migration.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://expo.dev/changelog/sdk-58-beta" rel="noopener noreferrer"&gt;Expo SDK 58 Beta - iOS 27 support, RN 0.88 RC, Expo Modules 2.0 beta, App Intents alpha, agent CLI, Android widgets, stable Expo Router data loaders and native tabs, and more&lt;/a&gt; - Another exciting Expo release that we’ll cover in depth once stable in 3-4 weeks!&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://screenmap.dev/" rel="noopener noreferrer"&gt;Screenmap - Visual navigation maps for Expo / React Native apps&lt;/a&gt; - A promising tool to add to your CI workflows: takes a screenshot of every app screen and posts a map to your mobile PRs, highlighting what has changed.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/react-native-screens/releases/tag/4.28.0" rel="noopener noreferrer"&gt;Screens 4.28 - Android Tabs/Stack fixes, tab bar layout, and MenuItem IDs&lt;/a&gt; - Small bugfix release, but here’s a 𝕏 &lt;a href="https://x.com/swmansion/status/2098417302026825814" rel="noopener noreferrer"&gt;sneak peek&lt;/a&gt; of upcoming support for iPhone Duo&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.swift.org/blog/swift-6.4-released/" rel="noopener noreferrer"&gt;Swift 6.4&lt;/a&gt; - Swift Build is now the default in SPM. Improved language, Foundation, and standard library. Improved C++ and Java interoperability.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/react/metro/releases/tag/v0.87.1" rel="noopener noreferrer"&gt;Metro 0.87 - Scheme resolvers, babel-runtime resolution, Watcher memory cuts&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/margelo/react-native-nitro-zxing" rel="noopener noreferrer"&gt;Nitro ZXing - Barcode scanner for VisionCamera written in C++, up to 10x faster than MLKit, and 2.6x faster for live camera frames&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://lynxjs.org/blog/lynx-4-0" rel="noopener noreferrer"&gt;Lynx 4.0 - AI docs for agents, generative UI using AI2UI renderer and OpenUI skill, dynamic elements, unified debug metadata, media queries&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/wcandillon/react-native-webgpu/releases/tag/v0.10.0" rel="noopener noreferrer"&gt;WebGPU 0.10 - Chrome 154, SPM support, implicit device sync by default&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/react-native-gesture-handler/releases/tag/v3.3.0" rel="noopener noreferrer"&gt;Gesture Handler 3.3 - Swipeable, Drawer, ScrollView and button press fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/Shopify/react-native-skia/releases/tag/v2.12.0" rel="noopener noreferrer"&gt;Skia 2.12 - SPM support, handle invalid SVG parse results&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/kuatsu/react-native-boost/releases/tag/v2.0.0" rel="noopener noreferrer"&gt;Boost 2.0 - Metro plugin replaces Babel, Animated/ActivityIndicator/StyleSheet/Platform optimizers, Uniwind support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/DorianMazur/react-native-screen-choreography/releases/tag/v0.5.0" rel="noopener noreferrer"&gt;Screen Choreography 0.5 - defineTransition recipes, native forward preparation, live shared content&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/react-native-harness/releases/tag/v1.5.0" rel="noopener noreferrer"&gt;Harness 1.5 - Windows platform support, &lt;code&gt;harness ci&lt;/code&gt; commands, Metro config enhancer&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/voltra/releases/tag/v2.3.0" rel="noopener noreferrer"&gt;Voltra 2.3 - Server-driven Dynamic Widgets, configurable Android widgets, experimental Dynamic Live Activities&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/radon-ide/releases/tag/v1.19.0" rel="noopener noreferrer"&gt;Radon IDE 1.19 - Share booted devices with AI agents via Argent&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/argent/releases/tag/v0.25.0" rel="noopener noreferrer"&gt;Argent 0.25 - WebView DOM in describe on Android, external device providers, script steps in flows&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstack/agent-device/releases/tag/v0.21.2" rel="noopener noreferrer"&gt;Agent Device 0.21 - scroll-until finder, in-place iOS web sign-in, Maestro evalScript, 27–40% faster iOS opens, human takeover of remote sessions&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/appandflow/stim/releases" rel="noopener noreferrer"&gt;Stim 1.0 - Run several coding agents in parallel on RN apps, with build optimizations across worktrees&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/FerRiv3ra/react-native-nitro-wakeword" rel="noopener noreferrer"&gt;Nitro Wakeword - On-device wake word detection for React Native, using the openWakeWord pipeline with ONNX Runtime&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/luicfrr/react-native-vision-camera-face-detector/releases/tag/v2.1.0" rel="noopener noreferrer"&gt;Face Detector 2.1 - Auto-mode scaling fix for any frame/screen resolution&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/margelo/react-native-nitro-fetch/releases/tag/v1.7.0" rel="noopener noreferrer"&gt;Nitro Fetch 1.7 - Fix reject aborted requests when native finishes before cancel, multipart encoding, React Query/RTK examples&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=0A4aehDmOXk" rel="noopener noreferrer"&gt;Code with Beto - How Marc Rousavy Turned Open Source Into a €20M+ Agency&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://infinite.red/react-native-radio/rnr-373-real-life-react-native-mark-goldstein" rel="noopener noreferrer"&gt;RNR 373 - Real Life React Native: Chime&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🔀 Other
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;📜 &lt;a href="https://nubjs.com/blog/phantom-dependencies-package-extensions" rel="noopener noreferrer"&gt;De-phantoming the npm ecosystem&lt;/a&gt; - Using Nub to find phantom (undeclared) dependencies in the top 10k npm packages.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://blog.master.dev/new-things-you-should-know-about-html-here-in-mid-2026/" rel="noopener noreferrer"&gt;New Things You Should Know About HTML Here in Mid 2026&lt;/a&gt; - Good overview of modern HTML from Chris Coyier.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://pnpm.io/blog/releases/12.4" rel="noopener noreferrer"&gt;pnpm 12.4 - Support for Rust and Python dependencies, new &lt;code&gt;pnpm pipeline&lt;/code&gt; task runner&lt;/a&gt; - Bold move: pnpm expands beyond JS and can now install Cargo crates and PyPI packages alongside npm deps. The ability to run cached task graphs makes it a lightweight Turborepo/Nx alternative.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://developer.apple.com/documentation/safari-release-notes/safari-27-release-notes" rel="noopener noreferrer"&gt;Safari 27 - Fix top-level await, &lt;code&gt;import defer&lt;/code&gt;, customizable &lt;code&gt;&amp;lt;select&amp;gt;&lt;/code&gt;, &lt;code&gt;ariaNotify()&lt;/code&gt;, CSS improvements, &lt;code&gt;ReadableStream&lt;/code&gt; improvements, MCP server, JSPI, and more&lt;/a&gt; - Major release! The ES module loader has been entirely rewritten, &lt;a href="https://webkit.org/blog/18227/fixing-top-level-await-in-safari/" rel="noopener noreferrer"&gt;fixing long-standing top-level await&lt;/a&gt; bugs. JSPI (JavaScript Promise Integration for WebAssembly) is now available in all major browsers: an important primitive letting synchronous code compiled to Wasm (C++, Rust…) call async JS APIs. You can now &lt;a href="https://developer.apple.com/documentation/safari-developer-tools/connecting-an-ai-agent-to-safari" rel="noopener noreferrer"&gt;connect your AI agent to Safari&lt;/a&gt; through the new MCP server.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://philipwalton.com/articles/modern-web-types/" rel="noopener noreferrer"&gt;Modern Web Types&lt;/a&gt; - TIL TypeScript only types DOM APIs shipped in 2+ browser engines. This lib lowers the threshold to 1 engine, letting you use the newest APIs as progressive enhancements without losing type-safety.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://rapha.land/introducing-oj/" rel="noopener noreferrer"&gt;oj - The Vite dev server reimplemented in Rust&lt;/a&gt; - This alternative offers different trade-offs. Will &lt;a href="https://lovable.dev/blog/faster-previews-oj" rel="noopener noreferrer"&gt;soon power the Lovable sandbox previews&lt;/a&gt;, resulting in 4x better memory usage and 2x faster cold starts.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://devfra.me/posts/pluggable-extensible-playful-devtools" rel="noopener noreferrer"&gt;Devframe - Framework for building pluggable, extensible, and playful DevTools&lt;/a&gt; - It powers Vite DevTools and Nuxt DevTools v4, and there’s a Next.js DevTools prototype.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://zod.dev/blog/zod-4-6" rel="noopener noreferrer"&gt;Zod 4.6 - &lt;code&gt;z.validate()&lt;/code&gt;, &lt;code&gt;z.properties()&lt;/code&gt;, &lt;code&gt;z.iban()&lt;/code&gt;, &lt;code&gt;z.fromJSONSchema()&lt;/code&gt; improvements&lt;/a&gt; - The new &lt;code&gt;z.validate()&lt;/code&gt; method fails fast, returns false on error, up to 35x faster than &lt;code&gt;z.safeParse()&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://webpack.js.org/blog/2026-09-14-webpack-5-111/" rel="noopener noreferrer"&gt;Webpack 5.111 - Stable ESM output, &lt;code&gt;output.copy&lt;/code&gt; for static files, CSS minimizer improvements&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🤭 Fun
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://x.com/sebastienlorber/status/2098329441722065312" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fk7pcyfue87e9bfn4ggz8.jpg" alt="alt" width="800" height="589"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://x.com/SimonDepelchin/status/2099494508069019722" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fjdnobse3pp95dbudrtti.jpg" alt="alt" width="800" height="791"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;See ya! 👋&lt;/p&gt;

</description>
      <category>reactnative</category>
      <category>react</category>
    </item>
    <item>
      <title>This Week In React #296: React 19.3, DevTools, Next.js, cn, Maps | 0.88 RC, Expo Modules, Navigation Benchmarks | Rslib, Vitest, gpu-lexer</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 11 Sep 2026 12:29:09 +0000</pubDate>
      <link>https://dev.to/sebastienlorber/this-week-in-react-296-react-193-devtools-nextjs-cn-maps-088-rc-expo-modules-36g9</link>
      <guid>https://dev.to/sebastienlorber/this-week-in-react-296-react-193-devtools-nextjs-cn-maps-088-rc-expo-modules-36g9</guid>
      <description>&lt;p&gt;Hi everyone, &lt;a href="https://x.com/sebastienlorber" rel="noopener noreferrer"&gt;Seb&lt;/a&gt; and &lt;a href="https://x.com/jaworek3211" rel="noopener noreferrer"&gt;Jan&lt;/a&gt; here 👋!&lt;/p&gt;

&lt;p&gt;We could feel it was coming, and here it is, &lt;del&gt;delaying&lt;/del&gt; just in time for the newsletter! 😇&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;React 19.3 is finally out&lt;/strong&gt;, with View Transitions and Fragment Refs stable! And it looks like updated DevTools are also coming soon.&lt;/p&gt;

&lt;p&gt;We also got a sneak peek of React Native 0.88 and Expo Modules 2.0.&lt;/p&gt;

&lt;p&gt;Let's dive in!&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the official newsletter to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://marmelab.com/atomic-crm/" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F296%2Fmarmelab.jpg" alt="Atomic CRM: A CRM You Can Fork Instead of Subscribe To"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://marmelab.com/atomic-crm/" rel="noopener noreferrer"&gt;Atomic CRM: A CRM You Can Fork Instead of Subscribe To&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;You need to build a CRM? Get started with &lt;a href="https://marmelab.com/atomic-crm/" rel="noopener noreferrer"&gt;Atomic CRM&lt;/a&gt;, a popular open-source CRM written in React. It’s built with a stack your team already knows: Tailwind CSS, TanStack Query, react-hook-form and Supabase. Simply fork it, customize it to your business, and self-host it on your own infrastructure.&lt;/p&gt;

&lt;p&gt;And when the customizations start piling up, delegate them: Atomic CRM ships with a harness of 7 agentic subagents for automated workflow execution.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/marmelab/atomic-crm" rel="noopener noreferrer"&gt;Fork Atomic CRM now&lt;/a&gt; to keep full control of your data and code.&lt;/p&gt;




&lt;h2&gt;
  
  
  ⚛️ React
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://react.dev/blog/2026/09/09/react-19-3" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F296%2Freact.jpg" alt="React 19.3"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://react.dev/blog/2026/09/09/react-19-3" rel="noopener noreferrer"&gt;React 19.3&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The new minor version of React is finally out, and it’s a great one!&lt;/p&gt;

&lt;p&gt;If you read us regularly, we already disclosed everything 😇, but here’s a reminder of the highlights:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;View Transitions&lt;/strong&gt;: now stable! Also including the &lt;code&gt;addTransitionType&lt;/code&gt; API that lets you customize the animation directly from the code triggering it.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Fragment Refs&lt;/strong&gt;: now stable! This lets you get a ref of a &lt;code&gt;&amp;lt;Fragment&amp;gt;&lt;/code&gt; and manipulate its underlying children DOM nodes. A quite useful feature unlocking new composition patterns that were previously difficult or requiring a wrapper DOM node.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;use(browser())&lt;/code&gt;: a first-class API to opt out a subtree of server-side rendering, replacing patterns based on &lt;code&gt;typeof window&lt;/code&gt; and &lt;code&gt;useEffect&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Trusted Types: security feature to use in conjunction with Content-Security-Policy to prevent XSS attacks.&lt;/li&gt;
&lt;li&gt;RSC can render &lt;code&gt;&amp;lt;Context&amp;gt;&lt;/code&gt;: no need to create a wrapper &lt;code&gt;&amp;lt;ContextProvider&amp;gt;&lt;/code&gt; component anymore.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Make sure to read that blog post because it contains interactive examples worth taking a look at, in particular to understand View Transitions and Fragment Refs.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://sentry.io/cookbook/custom-metrics-dashboard-alerts-nextjs/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=nextjs-fy27q3-cookbook&amp;amp;utm_content=newsletter-react-link-nextjs-metrics-dashboard-trysentry" rel="noopener noreferrer"&gt;Sentry - How to wire a custom metric into a Next.js app, chart it, and alert on it. Learn how. &lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/react/react/blob/main/packages/react-devtools/CHANGELOG.md#800" rel="noopener noreferrer"&gt;React DevTools 8.0 - Suspense Tab enabled, React Element panel, remove Timeline profiler in favor of Performance tracks, display dimmed Activity subtree&lt;/a&gt; - The v8 changelog is already merged and gives a sneak peek. Not published yet on npm or extension stores.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/react/react/tree/main/packages/react-devtools-cdt-mcp" rel="noopener noreferrer"&gt;React DevTools CDT MCP&lt;/a&gt; - Speaking of DevTools, the React team is also experimenting with a new package, recently published to npm. It’s not an MCP server, but lets Chrome DevTools discover/register/expose React tools useful for agents to understand and profile your app at runtime.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/reactjs/react.dev/pull/8632" rel="noopener noreferrer"&gt;React.dev PR - Document missing SSR and hydration options&lt;/a&gt; - Adding the missing API ref documentation for SSR options such as &lt;code&gt;formState&lt;/code&gt;, &lt;code&gt;importMap&lt;/code&gt;, &lt;code&gt;maxHeadersLength&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/vercel/next.js/pull/97232" rel="noopener noreferrer"&gt;Next.js PR - Upgrade web-vitals to v6 and report soft navigations&lt;/a&gt; - &lt;code&gt;useReportWebVitals()&lt;/code&gt; will soon report SPA soft navigations, recently included in Core Web Vitals.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://blog.master.dev/react-now-rusted-all-the-way-out/" rel="noopener noreferrer"&gt;React Now Rusted All The Way Out&lt;/a&gt; - An overview of the React Compiler in Rust landing in Vite, reporting a 17x speedup over the Babel version, and giving an alternative solution for React Router framework mode users.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://maxleiter.com/blog/thank-u-next" rel="noopener noreferrer"&gt;Replacing Next.js with a vibe-coded "framework"&lt;/a&gt; - Replacing Next.js on a personal site with a 5k-line framework Claude architected. Still React/MDX on the server, Preact islands on the client, with 99% less JS shipped. This shows meta-frameworks could eventually die out: their knowledge can be distilled into skills instead, and custom frameworks can be created on demand.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://nextjs.org/blog/turbopack-chunking" rel="noopener noreferrer"&gt;Next.js - How Turbopack chunks your JavaScript&lt;/a&gt; - Explains the trade-offs behind code splitting strategies and the heuristics used to minimize both download size and request count. Next.js 16.3 comes with experimental options to optimize chunking and fine-tune heuristics based on your site access patterns.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://nextjs.org/blog/how-we-closed-1500-github-issues" rel="noopener noreferrer"&gt;Next.js- How we closed 1,500 GitHub issues in one month&lt;/a&gt; - No React lesson here: they built an agent to analyze backlog issues to help maintainers close thousands of issues with confidence.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://www.cloudways.com/en/prepathon.php?utm_source=weekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=Prepathon&amp;amp;utm_content=Community" rel="noopener noreferrer"&gt;Prepathon by Cloudways - Virtual Event - Sep 22 &amp;amp; 23 - Two days of sessions and hands-on activities on AI-assisted building, modern deployment, and what's actually working for developers shipping fast right now. Free to join from anywhere in the world. Register now to save your spot.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/visgl/react-google-maps/releases/tag/v1.10.0" rel="noopener noreferrer"&gt;React Google Maps 1.10 - New new 3d components&lt;/a&gt; - The library completed its existing Google Maps 3D support with declarative components for GLB models, HTML markers, polylines, polygons, terrain flattening, and circular paths. A demo is worth a thousand words, so check this &lt;a href="https://visgl.github.io/react-google-maps/examples/map-3d-markers" rel="noopener noreferrer"&gt;3D Maps Markers demo&lt;/a&gt; to see fancy 3D markers, including an animated Model3D Balloon.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/shadcn-ui/cn" rel="noopener noreferrer"&gt;cn - A new engine for Tailwind class merging and conflict resolution&lt;/a&gt; - Claims to be 30x faster than tailwind-merge + clsx with the same APIs. Already integrated in &lt;a href="https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.21.0" rel="noopener noreferrer"&gt;shadcn 4.21&lt;/a&gt;. Use &lt;code&gt;npx shadcn migrate cn&lt;/code&gt; to migrate. Faster, but 26 KB minified; can be reduced with &lt;code&gt;cn build&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.nikhilsnayak.dev/blog/introducing-effective-rsc" rel="noopener noreferrer"&gt;Effective RSC - An experimental, Effect-native React Server Components framework for Bun&lt;/a&gt; - Ideas are worth taking a look at. RSC pages are &lt;code&gt;Effect.fn()&lt;/code&gt; functions with Schema-decoded route params. Effect unlocks various benefits for RSCs, such as type-safe dependency injection and error handling, or request abortion propagation.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.vidact.dev/" rel="noopener noreferrer"&gt;Vidact - Compiles React code to direct DOM operations&lt;/a&gt; - In beta, supporting a growing subset of React 19. Components run only once when they mount.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://docs.uniflowed.dev/" rel="noopener noreferrer"&gt;uf - Unified Toolchain for Flow and React&lt;/a&gt; - A Rust-based toolchain comparable to Vite+, improving DX for React and Flow. The author’s arguments are worth reading: Flow is a more precise type system than TypeScript for describing React code.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/huozhi/devjar" rel="noopener noreferrer"&gt;DevJar 1.0 - React live code playgrounds&lt;/a&gt; - An interesting alternative to CodeSandbox to embed interactive React-based experiences on your site.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://bamboocss.com/docs/overview/getting-started" rel="noopener noreferrer"&gt;Bamboo CSS - Zero-runtime CSS-in-JS&lt;/a&gt; - A Vite compiler erases the runtime, prunes unused tokens, and fails the build on invalid tokens.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://base-ui.com/react/overview/releases/v1-8-0" rel="noopener noreferrer"&gt;Base UI 1.8 - Improves mount perf for Menu/Popover, &lt;code&gt;Combobox.createItems()&lt;/code&gt; API, Avatar lazy-loading&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/rstackjs/rsbuild-plugin-react-router/releases/tag/rsbuild-plugin-react-router%400.6.0" rel="noopener noreferrer"&gt;Rsbuild Plugin React Router 0.6 - Support React Router 8 and its RSC mode&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/storybookjs/storybook/releases/tag/v10.6.0" rel="noopener noreferrer"&gt;Storybook 10.6 - TanStack / NextJS-Vite framework fixes, CLI bindings for agent tools/skills, performance improvements&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/bvaughn/react-window/releases/tag/2.3.0" rel="noopener noreferrer"&gt;React Window 2.3 - New optional &lt;code&gt;rowKey/columnKey&lt;/code&gt; props&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/pmndrs/jotai/releases/tag/v3.0.0" rel="noopener noreferrer"&gt;Jotai 3.0 - Modernized ESM-only package, removing deprecated APIs&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://surveyjs.io/?utm_source=this-week-in-react&amp;amp;utm_medium=email" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F293%2Fsurvey.jpg" alt="Build Custom Forms and Surveys in React"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://surveyjs.io/?utm_source=this-week-in-react&amp;amp;utm_medium=email" rel="noopener noreferrer"&gt;Build Custom Forms and Surveys in React&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://surveyjs.io/?utm_source=this-week-in-react&amp;amp;utm_medium=email" rel="noopener noreferrer"&gt;SurveyJS&lt;/a&gt; is a set of UI libraries for building, rendering, and analyzing forms and surveys directly inside your React application. Create everything from simple registration forms to complex surveys and multi-step wizards, connect your forms to any backend, and match them to your existing design system with custom themes or &lt;em&gt;style adapters for Bootstrap, shadcn/ui, and Material UI&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;• Embed a drag-and-drop form builder for business users&lt;br&gt;&lt;br&gt;
• Update forms without shipping a new release&lt;br&gt;&lt;br&gt;
• Reuse one JSON schema across the builder, renderer, PDF exports, and analytics&lt;/p&gt;

&lt;p&gt;Developers control the architecture. Business teams manage forms. Your company retains full control over the UI and user data. 🚀&lt;/p&gt;




&lt;h2&gt;
  
  
  📱 React-Native
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-sept9" rel="noopener noreferrer"&gt;build mode - Stop being the code review bottleneck&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/react/react-native/releases/tag/v0.88.0-rc.0" rel="noopener noreferrer"&gt;RN 0.88 RC - SwiftPM tooling, DevTools screenshots, ArrayBuffer in TurboModules, Babel Platform inlining improvement, iOS SceneDelegate lifecycle&lt;/a&gt; - A sneak peek of the upcoming version from its changelog. Set up SwiftPM via &lt;code&gt;npx react-native spm&lt;/code&gt;. Opt-in flags to drop legacy module/component interop will become the default later. Improved &lt;code&gt;Platform.OS/select()&lt;/code&gt; inlining unlocks more platform-specific dead code elimination, around 𝕏 &lt;a href="https://x.com/tell_me_mur/status/2097352229833379960" rel="noopener noreferrer"&gt;17.7KB on iOS and 19.6KB on Android&lt;/a&gt;&lt;strong&gt;.&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;📣 &lt;a href="https://expo.dev/changelog/expo-go-57-login" rel="noopener noreferrer"&gt;Expo Go - Login is now required to run projects&lt;/a&gt; - iOS-only for now. Will also be applied to Android later.&lt;/li&gt;
&lt;li&gt;📊 &lt;a href="https://andrei-calazans.com/posts/2026-06-05-state-of-rn-navigation/" rel="noopener noreferrer"&gt;React Native Navigation Benchmarks&lt;/a&gt; - Benchmarks the same app rebuilt 4x with different routers, covering cold start, RAM, FPS, and JS measurements. Android tests highlight the most common RN bottleneck.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/an-early-look-at-expo-modules-2-0" rel="noopener noreferrer"&gt;An early look at Expo Modules 2.0&lt;/a&gt; - Modules become plain annotated Swift/Kotlin with no &lt;code&gt;definition()&lt;/code&gt; DSL to learn. Sync calls run 2.5-5.6x faster than 1.0 on the same SDK and beat TurboModules in the Expo chart. Experimental, iOS-only. Android in progress.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://patch.codemagic.io/?utm_source=newsletter&amp;amp;utm_medium=referral&amp;amp;utm_campaign=twir" rel="noopener noreferrer"&gt;Codemagic Patch - The easiest way to run your own OTA update server, including dashboard and fingerprinting&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/react-native-quickjs/quickjs" rel="noopener noreferrer"&gt;RN QuickJS alpha - Hermes-compatible JSI runtime&lt;/a&gt; - An alternative to Hermes. A tiny (~1.5MB) JavaScript engine that compiles to small bytecode bundles for faster startup, with a compatibility layer so most Hermes-dependent libs like Reanimated keep working without changes.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/kacperkapusciak/goldie" rel="noopener noreferrer"&gt;Goldie - App Store screenshot generator for coding agents and humans&lt;/a&gt; - Useful framework-agnostic mobile tool. Argent replays flows; Goldie prepares store-compliant screenshots and preview videos.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/mahdidavoodi7/react-native-continued-task" rel="noopener noreferrer"&gt;RN Continued Task - Background tasks that keep running after your app is backgrounded&lt;/a&gt; - One typed API over iOS 26 &lt;code&gt;BGContinuedProcessingTask&lt;/code&gt; (Live Activity) + Android &lt;code&gt;WorkManager&lt;/code&gt; foreground service, via Nitro. Useful for long-running user-initiated tasks like large exports, uploads, or encoding.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/kuatsu/react-native-boost/releases/tag/v1.7.0" rel="noopener noreferrer"&gt;Boost 1.7 - Image optimizer now default, RN 0.86 support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/rozenite/releases/tag/v2.4.0" rel="noopener noreferrer"&gt;Rozenite 2.4 - Auto-inject Lynx runtime, one endpoint for debug targets&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/getsentry/sentry-react-native/releases/tag/8.25.0" rel="noopener noreferrer"&gt;Sentry 8.25 - Feature flag info on native crashes, app.start vitals propagation&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/argent/releases/tag/v0.24.0" rel="noopener noreferrer"&gt;Argent 0.24 - Physical iOS device support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/uni-stack/uniwind/releases/tag/v1.12.0" rel="noopener noreferrer"&gt;Uniwind 1.12 - Drop-shadow filter&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion-labs/react-native-streamdown/releases/tag/0.3.0" rel="noopener noreferrer"&gt;Streamdown 0.3 - Worklets 0.10 support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/steve228uk/metro-mcp/releases/tag/v0.15.0" rel="noopener noreferrer"&gt;Metro MCP 0.15 - MCP SDK v2, safer CDP reconnects pinned to same app, Hermes eval, Appium test gen&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstack/agent-device/releases/tag/v0.21.0" rel="noopener noreferrer"&gt;Agent-Device 0.21 - Human takeovers in remote sessions, faster iOS Simulator opens, install size halved&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/lynx-family/lynx-stack/releases/tag/@lynx-js/react@0.126.0" rel="noopener noreferrer"&gt;ReactLynx 0.126 - Now on Preact 11, 14% faster background renders, use() support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/DorianMazur/react-native-screen-choreography" rel="noopener noreferrer"&gt;Screen Choreography 0.4 - Shared-element transitions for Expo Router&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://www.callstack.com/podcasts/running-ai-in-the-browser-with-transformers-js" rel="noopener noreferrer"&gt;React Universe on Air - Running AI in the Browser With Transformers.js&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🔀 Other
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;🗳️ &lt;a href="https://web.dev/blog/interop-2027-proposals" rel="noopener noreferrer"&gt;Interop 2027 - Submit and vote for your favorite proposals&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://altinmert.co/blog/running-zod-schemas-on-simdjson/" rel="noopener noreferrer"&gt;Running zod Schemas on simdjson&lt;/a&gt; - Combining zod with ata, a JSON Schema engine using simdjson native core, and the benefits this brings.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://blog.gaborkoos.com/posts/2026-09-08-Half-Past-Fetch/" rel="noopener noreferrer"&gt;Half Past Fetch&lt;/a&gt; - &lt;code&gt;await fetch()&lt;/code&gt; only waits for the headers, not the actual body, and other interesting details.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.solidjs.com/blog/async-solid-one-graph-two-machines" rel="noopener noreferrer"&gt;Async Solid - 3-part series: reads, writes, and network&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://gpu-lexer.vercel.app/" rel="noopener noreferrer"&gt;gpu-lexer - Language-agnostic WebGPU syntax highlighter&lt;/a&gt; - Crazy idea! Highlighting is not based on language grammars but on a small AI model trained for this purpose.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://rslib.rs/blog/v1-0" rel="noopener noreferrer"&gt;Rslib 1.0 - Multiple output formats, multi-framework support, bundled or bundleless, style/asset support, and more&lt;/a&gt; - Looks like an interesting tool, in particular for publishing a component library across many frameworks.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://vitest.dev/blog/vitest-5" rel="noopener noreferrer"&gt;Vitest 5.0 - Perf improvements, &lt;code&gt;vi.when&lt;/code&gt;, Trace View in Browser Mode, benchmarking API, better defaults, and more&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://four.htmx.org/docs/whats-new-in-htmx-4" rel="noopener noreferrer"&gt;htmx 4.0 - fetch() replaces XHR, explicit inheritance, swaps all HTTP responses, and other breaking changes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://trilon.io/blog/nestjs-12-is-now-available" rel="noopener noreferrer"&gt;NestJS 12.0 - ESM-first, Rspack replacing webpack, Standard Schema validation, observability SDK&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/microsoft/playwright/releases/tag/v1.63.0" rel="noopener noreferrer"&gt;Playwright 1.63 - Test locks, Locator improvements, aria/screen snapshots in traces, and more&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🤭 Fun
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://x.com/saltyAom/status/2095186260998648182" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F296%2Fmeme.jpg" alt="alt"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;See ya! 👋&lt;/p&gt;

</description>
      <category>react</category>
      <category>reactnative</category>
    </item>
    <item>
      <title>This Week In React #295 : StyleX, browser(), Next.js, React Compiler | C++ API, Margelo, | Zod, pnpm, vgpu, Remix</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Sun, 06 Sep 2026 17:25:50 +0000</pubDate>
      <link>https://dev.to/sebastienlorber/this-week-in-react-295-stylex-browser-nextjs-react-compiler-c-api-margelo-zod-5ggk</link>
      <guid>https://dev.to/sebastienlorber/this-week-in-react-295-stylex-browser-nextjs-react-compiler-c-api-margelo-zod-5ggk</guid>
      <description>&lt;p&gt;Hi everyone, &lt;a href="https://x.com/sebastienlorber" rel="noopener noreferrer"&gt;Seb&lt;/a&gt; and &lt;a href="https://x.com/jaworek3211" rel="noopener noreferrer"&gt;Jan&lt;/a&gt; here 👋!&lt;/p&gt;

&lt;p&gt;Back from our summer break, we’ll cover news from the last two weeks.&lt;/p&gt;

&lt;p&gt;React v19.3 is getting closer. The React Compiler in Rust is now available in Vite and Bun. CSS-in-JS is set to make a comeback.&lt;/p&gt;

&lt;p&gt;On the mobile side, React Native keeps refining its public API surface, an important step toward v1.0. Callstack acquired Margelo.&lt;/p&gt;

&lt;p&gt;Let's dive in!&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the official newsletter to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" alt="banner" width="" height=""&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://planetscale.com?utm_source=this_week_in_react&amp;amp;utm_medium=email&amp;amp;utm_campaign=2026_q3_this_week_in_react&amp;amp;utm_content=slot_1" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fqs4xmp50p8gp5zjofrji.jpg" alt="PlanetScale: The database that gets faster as you sleep" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://planetscale.com?utm_source=this_week_in_react&amp;amp;utm_medium=email&amp;amp;utm_campaign=2026_q3_this_week_in_react&amp;amp;utm_content=slot_1" rel="noopener noreferrer"&gt;PlanetScale: The database that gets faster as you sleep&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Agents ship React features faster than ever. They also ship unindexed queries, N+1s, and schema decisions made at 2am by a model that will never get paged.&lt;/p&gt;

&lt;p&gt;Fortunately, agents can &lt;em&gt;fix&lt;/em&gt; database problems too. They just need production data, and that's what the PlanetScale MCP server gives them. Hook up an agent, and the loop looks like this:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;PlanetScale flags a slow query&lt;/li&gt;
&lt;li&gt;The agent traces it back to the code in your repo&lt;/li&gt;
&lt;li&gt;The agent opens a PR with the fix&lt;/li&gt;
&lt;li&gt;You review and merge&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Run it once, or put it on a schedule.&lt;/p&gt;

&lt;p&gt;Underneath it all: the fastest, most scalable cloud Postgres and MySQL, with options like PlanetScale Metal when you need peak performance. Fast databases, fast React apps.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://planetscale.com/docs/connect/self-improving-database/?utm_source=this_week_in_react&amp;amp;utm_medium=email&amp;amp;utm_campaign=2026_q3_this_week_in_react&amp;amp;utm_content=slot_1" rel="noopener noreferrer"&gt;&lt;strong&gt;Try the self-improving database&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  ⚛️ React
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F3sc2hf4twksu8iwbect0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F3sc2hf4twksu8iwbect0.png" alt="stylex social card" width="800" height="424"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://stylexjs.com/" rel="noopener noreferrer"&gt;StyleX&lt;/a&gt;, the atomic CSS-in-JS library from Meta, has been all the rage on X recently. This probably follows the 𝕏 &lt;a href="https://x.com/poteto/status/2089227731305464150" rel="noopener noreferrer"&gt;Cursor migration from Tailwind to StyleX&lt;/a&gt;. Or maybe it’s related to Meta open-sourcing &lt;a href="https://astryx.atmeta.com/" rel="noopener noreferrer"&gt;Astryx&lt;/a&gt;, the extensible, agent-friendly design system built on top and powering thousands of their apps for years.&lt;/p&gt;

&lt;p&gt;Anyway, we already covered all that, so here are the recent resources to check out:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;📜 &lt;a href="https://linear.app/now/styling-linear-for-the-future-stylex" rel="noopener noreferrer"&gt;Styling Linear for the future with StyleX&lt;/a&gt; - Linear completed its styled-components to StyleX migration. They don’t explicitly mention Tailwind but still highlight where StyleX does better: strong type-safe constraints, deterministic and performant merging of styles, styling-at-a-distance deliberately hard.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://flaviocopes.com/stylex/" rel="noopener noreferrer"&gt;A deep dive into StyleX&lt;/a&gt; - Hands-on introduction and opinionated conclusion: Tailwind’s terse syntax is better for humans, while StyleX's stronger constraints are better for agents.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/aidenybai/tailwind-stylex" rel="noopener noreferrer"&gt;Tailwind-StyleX - Use Tailwind’s default design tokens directly in StyleX&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://syntax.fm/show/1035/why-everyone-is-moving-to-stylex" rel="noopener noreferrer"&gt;Syntax.fm - Why everyone is moving to Stylex?&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://dub.sh/dyFMVkR" rel="noopener noreferrer"&gt;Lingui - New agent skills teach your AI agent to ship production-ready React i18n in one prompt&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/DefinitelyTyped/DefinitelyTyped/pull/75429" rel="noopener noreferrer"&gt;React Types PR - Types for React 19.3&lt;/a&gt; - We already had a hint of what’s coming in the last issue. This DefinitelyTyped PR is still a draft but cautiously confirms the upcoming highlights. A new React DOM &lt;code&gt;browser()&lt;/code&gt; API is coming. &lt;code&gt;&amp;lt;ViewTransition&amp;gt;&lt;/code&gt; and &lt;code&gt;&amp;lt;Fragment ref&amp;gt;&lt;/code&gt; will be stable for React DOM usage, designed to be extended by other platform/renderers, with React Native support likely coming later.&lt;/li&gt;
&lt;li&gt;📖 &lt;a href="https://react.dev/reference/react-dom/browser" rel="noopener noreferrer"&gt;React DOM Docs - New &lt;code&gt;use(browser(reason))&lt;/code&gt; API&lt;/a&gt; - This new API coming in v19.3 lets you mark a component as browser-only during server rendering. Must be called from a Client Component, within a Suspense boundary. There’s also a new &lt;code&gt;onBrowserBailout()&lt;/code&gt; server API introduced for reporting.&lt;/li&gt;
&lt;li&gt;📖 &lt;a href="https://vercel.com/kb/guide/deploy-a-tanstack-start-app-to-vercel" rel="noopener noreferrer"&gt;How to Deploy a TanStack Start app to Vercel&lt;/a&gt; - TanStack and Vercel are teaming up to make Vercel a first-class home for TanStack Start, leveraging the Nitro Vite plugin.&lt;/li&gt;
&lt;li&gt;🔐 &lt;a href="https://nextjs.org/blog/august-2026-security-release" rel="noopener noreferrer"&gt;Next.js August 2026 Security Release&lt;/a&gt; - v16.3.3 and v15.5.24 now available, fixing critical severity vulnerabilities.&lt;/li&gt;
&lt;li&gt;🗓️&amp;nbsp;&lt;a href="https://reactadvanced.com/?utm_source=thisweekinreact" rel="noopener noreferrer"&gt;React Advanced London&lt;/a&gt;&amp;nbsp;-&amp;nbsp;🇬🇧 London - 23 &amp;amp; 26 Oct. 40+ talks and 5+ hands-on workshops on modern React &amp;amp; AI tooling for React devs. A great place to catch up with the community - all inside London's historic ex-brewery. Save 10% on your ticket with code "TWIR".&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://sigh.dev/posts/making-react-testing-library-faster/" rel="noopener noreferrer"&gt;Making React Testing Library Tests 43% Faster&lt;/a&gt; - The story of using Codex to find performance gains in RTL &lt;code&gt;getByRole()&lt;/code&gt; and landing fixes upstream in jsdom.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://tendto.github.io/en/posts/ssg-for-react-with-vite/" rel="noopener noreferrer"&gt;SSG for React with Vite&lt;/a&gt; - Argues SSG should be the default over CSR and shows how to implement that with a tiny Vite plugin.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-sept2" rel="noopener noreferrer"&gt;build mode - We used context engineering to 5x conversion and 2x activation&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/vitejs/vite-plugin-react/releases/tag/plugin-react%406.1.0" rel="noopener noreferrer"&gt;Vite Plugin React 6.1 - New &lt;code&gt;{compiler: true}&lt;/code&gt; option to use the Oxc React Compiler&lt;/a&gt; - After landing in Oxlint, the faster Oxc Rust-based React Compiler comes to Vite through a new optional &lt;code&gt;oxc-transform-react&lt;/code&gt; package. More than 10x faster than the Babel plugin!&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://bun.com/blog/bun-v1.4" rel="noopener noreferrer"&gt;Bun 1.4&lt;/a&gt; - The Rust rewrite is ready, alongside so many other things that the blog post probably takes hours to read, so we’ll focus on the React-related updates only. Built-in support for the React Compiler in Rust. A new &lt;code&gt;Bun.markdown.react()&lt;/code&gt; turns Markdown into a React Element, supporting component substitution. Node.js compatibility improvements, Next.js 16 compatibility, reduced memory usage.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://formisch.dev/blog/formisch-v1/" rel="noopener noreferrer"&gt;Formisch 1.0 - Schema-first, framework-agnostic form library&lt;/a&gt; - The form library coming from the Valibot ecosystem supports React and React Native. Includes migration guides from React Hook Form, Formik, and TanStack Form.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/TanStack/query/releases/tag/release-2026-08-22-1856" rel="noopener noreferrer"&gt;TanStack Query 5.102 - Simplify Query Methods&lt;/a&gt; - An important release for TanStack Query that finally implemented its RFC to merge 6 former imperative query methods under only 2 unified APIs: &lt;code&gt;query()&lt;/code&gt; and &lt;code&gt;infiniteQuery()&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/remorses/gpuix" rel="noopener noreferrer"&gt;GPUIX - React renderer for Zed’s GPUI&lt;/a&gt; - A new performant alternative to Electron with no WebView to build GPU-accelerated desktop apps.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/vercel/satori/releases" rel="noopener noreferrer"&gt;Satori 0.29+ - &lt;code&gt;corner-shape&lt;/code&gt;, &lt;code&gt;backdrop-filter&lt;/code&gt;, HarfBuzz text shaping, and more&lt;/a&gt; - This popular tool widely used to generate OpenGraph images received many interesting updates lately, soon available in Next.js &lt;code&gt;ImageResponse&lt;/code&gt; API.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://react-aria.adobe.com/releases/v1-21-0" rel="noopener noreferrer"&gt;React Aria 1.21 - NavigationTree component, Menu async loading&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://astryx.atmeta.com/blog/astryx-v0-5-0" rel="noopener noreferrer"&gt;Astryx 0.5 - 30 locales, one Escape key, and bottom sheets in core&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://waku.gg/blog/waku-v1-rc" rel="noopener noreferrer"&gt;Waku 1.0 RC - Public API fixed, type-safe and instant navigation&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/TanStack/charts/releases/tag/v0.16.0" rel="noopener noreferrer"&gt;TanStack Charts 0.16 - Officially in alpha, ready to be field-tested&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://nuqs.dev/docs/changelog#v2.10.0" rel="noopener noreferrer"&gt;Nuqs 2.10 - The React SPA adapter is now SSR-compatible for Astro, Inertia, Fastify&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/fuma-nama/fumapress/releases/tag/fumapress%401.0.0" rel="noopener noreferrer"&gt;Fumapress 1.0 - Waku-based content site generator&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/TrySound/rifm/releases/tag/v1.0.0" rel="noopener noreferrer"&gt;React Input Format &amp;amp; Mask 1.0 - Hook/component for building formatted/masked inputs&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/react-hook-form/react-hook-form/releases#release-v7.86.0" rel="noopener noreferrer"&gt;React Hook Form 7.86 &amp;amp; 7.87 - Typesafe &lt;code&gt;getErrors()&lt;/code&gt;, trigger &lt;code&gt;shouldTouch&lt;/code&gt;, opaque type registry&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://share.transistor.fm/s/f48613c6" rel="noopener noreferrer"&gt;This Month in React - Release candidate season; is that an asteroid hitting web educators?&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://wallabyjs.com/?referrer=ThisWeekInReactSep26" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fma2fgh0zj15251zenvrf.jpg" alt="Where test runners stop, Wallaby starts" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://wallabyjs.com/?referrer=ThisWeekInReactSep26" rel="noopener noreferrer"&gt;Where test runners stop, Wallaby starts&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;A passing test tells an agent how the run ended, not whether the code behaved as intended. Wallaby turns your JavaScript, TypeScript, and Python tests into a live runtime model the agent can inspect throughout the task.&lt;/p&gt;

&lt;p&gt;Wallaby keeps results and coverage current as files change. With the &lt;a href="https://wallabyjs.com/whatsnew/cli.html?referrer=ThisWeekInReactSep26" rel="noopener noreferrer"&gt;Wallaby CLI for coding agents&lt;/a&gt; 🤖, agents can find tests covering a line, inspect branch coverage, follow one test’s execution path, and query runtime values in its exact context, without temporary logs or digging through terminal output.&lt;/p&gt;

&lt;p&gt;Use Wallaby with Codex, Claude Code, GitHub Copilot, Cursor, Windsurf, and other agents locally, in containers, or in the cloud. &lt;strong&gt;Wallaby for coding agents is free for everyone during the beta.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://wallabyjs.com/?referrer=ThisWeekInReactSep26" rel="noopener noreferrer"&gt;➡️ Upgrade your testing workflow&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  📱 React-Native
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://github.com/react-native-community/discussions-and-proposals/pull/1018" rel="noopener noreferrer"&gt;&lt;strong&gt;React Native RFC - Reducing the C/C++ public API&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;React Native 1.0 is still on the horizon, but to respect Semantic Versioning, it first needs to clearly define its public API surface. Following the work on stable JS/TS and Java/Kotlin APIs, it’s now the turn of the C++ APIs to be clarified.&lt;/p&gt;

&lt;p&gt;Until now, there has been no clear distinction between public and private C++ APIs. As a result, community libraries and frameworks sometimes depend on APIs that were never intended to be public. This can cause libraries to break when upgrading React Native, or force the core team to preserve backward compatibility for internal APIs to avoid breaking the ecosystem.&lt;/p&gt;

&lt;p&gt;This RFC introduces a new three-tier visibility model for C++ APIs:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Public:&lt;/strong&gt; Stable within major versions, safe for libraries to depend on, and exposed through a single umbrella header.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Framework:&lt;/strong&gt; Stable within minor versions. Regular usage emits a suppressible warning.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Private:&lt;/strong&gt; No stability guarantees. Regular usage emits a suppressible error.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;There’s existing tooling to take a snapshot of existing C++ APIs, that it will be adapted to take into accoun this new visibility model. All this will greatly help stabilize the C++ APIs and ensure React Native doesn’t ship unintended breaking changes.&lt;/p&gt;

&lt;p&gt;Work is already in progress to apply this visibility model to all C++ APIs. This will be rolled out gradually, first opt-in through a &lt;code&gt;RN_STRICT_API&lt;/code&gt; build flag, then opt-out after a grace period, giving time for the public API consumers to migrate to the new umbrella headers. Most APIs have already been categorized, so if your library depends on private or framework APIs, now is probably a good time to chime in.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://crisp.chat/?utm_source=twir&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=crisp_q3_nl&amp;amp;utm_content=2sep26" rel="noopener noreferrer"&gt;Crisp - React Native chat SDK with TypeScript, push notifications, event listeners and Helpdesk integration&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📣 &lt;a href="https://margelo.com/blog/margelo-joins-callstack" rel="noopener noreferrer"&gt;Margelo Joins Callstack to Advance High-Performance React Native Engineering&lt;/a&gt; - 2 major and complementary React Native consulting companies joining forces. Congrats to Mike, Marc, and all others.&lt;/li&gt;
&lt;li&gt;📣 &lt;a href="https://expo.dev/blog/introducing-observe" rel="noopener noreferrer"&gt;EAS Observe - Performance monitoring for Expo apps, now generally available&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📣 &lt;a href="https://www.openiap.dev/docs/updates/announcements#2026-08-19-amazon-fireos-vega" rel="noopener noreferrer"&gt;OpenIAP - Now backed by Amazon Developer, bringing IAP to Fire OS and Vega OS&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/react/react-native/pull/57723" rel="noopener noreferrer"&gt;React Native PR - ResizeObserver&lt;/a&gt; - A Web API spec-compliant implementation has been recently merged, but still behind a flag. More capable than &lt;code&gt;onLayout&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📖 &lt;a href="https://github.com/stephanww/rn-dev-security-guide" rel="noopener noreferrer"&gt;The React Native Developer's Security Guide&lt;/a&gt; - How to secure the developer's workstation, toolchain, repository, and CI.&lt;/li&gt;
&lt;li&gt;🗓️ &lt;a href="https://reactnativeconnection.io/?utm_source=thisweekinreact.com" rel="noopener noreferrer"&gt;React Native Connection&lt;/a&gt;&amp;nbsp;-&amp;nbsp;🇫🇷&amp;nbsp;Paris - 24 Sept. Last call to grab your ticket and join the React Native community in Paris! Get a 15% discount with code "TWIR".&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://margelo.com/blog/speeding-up-expensifys-networking-with-nitro-fetch" rel="noopener noreferrer"&gt;Speeding up Expensify's networking with NitroFetch&lt;/a&gt; - Prefetching on the native side, before the JS bundle is even loaded, reduced startup time by at least 15%.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://margelo.com/blog/building-a-3d-ai-avatar-in-react-native" rel="noopener noreferrer"&gt;Building a 3D AI assistant using React Native and GPT-Realtime&lt;/a&gt; - How to use &lt;code&gt;react-native-filament&lt;/code&gt; to render 3D characters and sync its animations with AI responses.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/pasting-images-into-textinput-should-not-be-this-hard" rel="noopener noreferrer"&gt;Pasting images into TextInput should not be this hard&lt;/a&gt; - Pasting an image into a chat input is surprisingly hard. Wrapping &lt;code&gt;TextInput&lt;/code&gt; turned out to be the best decision to avoid reimplementing well-known behaviors and APIs.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://swmansion.com/blog/react-native-gesture-handler-s-touchable-the-button-we-wish-we-had-sooner/" rel="noopener noreferrer"&gt;Gesture Handler's Touchable: The Button We Wish We Had Sooner&lt;/a&gt; - The old nice button components are deprecated and replaced with the new Touchable component. Per-state scale, opacity, and underlay with custom transition times. Hover support on mobile via mouse and pencil, all without writing a single animation.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.callstack.com/blog/working-with-the-react-native-super-app-showcase-repository" rel="noopener noreferrer"&gt;Working With the React Native Super App Showcase Repository&lt;/a&gt; - How to work with super apps with non-trivial examples. App lifecycle, federation setup, monorepo management.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://ospfranco.com/concurrent-engines-crash/" rel="noopener noreferrer"&gt;React Native Bridgeless, race conditions with concurrent JS runtimes&lt;/a&gt; - New Architecture changes how a reload instantiates a new runtime when doing an OTA update. This caused the query to run on the wrong thread, resulting in a crash.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://configcat.com/blog/ab-testing-react-native-apps-with-feature-flags/?utm_source=thisweekinreact_newsletter&amp;amp;utm_medium=sponsor&amp;amp;utm_campaign=reactnative_202609" rel="noopener noreferrer"&gt;ConfigCat - Run A/B Tests in React Native Apps with Feature Flags and Amplitude&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://gtkx.dev/blog/gtkx-1-4" rel="noopener noreferrer"&gt;GTKX - React Navigation on Linux rendered by native libadwaita widgets&lt;/a&gt; - The platform-agnostic core of React Navigation now renders to GNOME. Interesting signal for where navigation abstractions can go.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/react-native-reanimated/releases/tag/4.6.0" rel="noopener noreferrer"&gt;Reanimated 4.6 - CSS lifecycle callbacks on native, contrastColor, RN 0.87 support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://kirillzyusko.github.io/react-native-teleport/blog/1-2-0-android-fast-reparenting" rel="noopener noreferrer"&gt;Teleport 1.2 - Fast reparenting on Android, no more empty frames&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/margelo/nitro/releases/tag/v0.37.0" rel="noopener noreferrer"&gt;Nitro 0.37 - Props move into core via C++ templates, immutable View prop snapshots&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://screen-transitions.esjr.org/migrating-from-v3" rel="noopener noreferrer"&gt;Screen Transitions 4.0 - React 19.2 Activity, Reanimated 4, and a v3 migration guide&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://maestro.dev/blog/maestro-cli-2-9-0" rel="noopener noreferrer"&gt;Maestro CLI 2.9 - Test light and dark mode in one flow, Android WebView inspection&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/uni-stack/uniwind/releases/tag/v1.11.0" rel="noopener noreferrer"&gt;Uniwind 1.11 - Filter support on iOS and RN 0.87, scoped variables&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/argent/releases/tag/v0.21.0" rel="noopener noreferrer"&gt;Argent 0.21 - Shake tool for simulators and emulators, profiler fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/rozenite/releases/tag/v2.3.0" rel="noopener noreferrer"&gt;Rozenite 2.3 - Lynx support, agent tooling, and plugin testing utilities&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstack/agent-device/releases/tag/v0.20.10" rel="noopener noreferrer"&gt;Agent Device 0.20.10 - AI SDK and MCP integrations, improved iOS snapshots, better Android visibility and gestures, Web hover automation&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/henrypldev/react-native-nitro-mlx/releases/tag/v0.6.0" rel="noopener noreferrer"&gt;Nitro MLX 0.6 - Turn-scoped inference on iOS, simplify agent chat experience, normalize LLM generation outcomes, configurable TTS&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://expo.dev/services/simulators" rel="noopener noreferrer"&gt;Expo Cloud Simulators - Agents that reproduce TestFlight feedback, fix bugs, and open PRs&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://x.com/rough__sea/status/2091755677974983025" rel="noopener noreferrer"&gt;Dactyl - Vibe coding platform for native apps that simulates SwiftUI in your browser&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://infinite.red/react-native-radio/rnr-371-rnr-explains-pan-responder" rel="noopener noreferrer"&gt;RNR 371 - PanResponder and the anatomy of RN gestures&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://infinite.red/react-native-radio/rnr-372-looking-back-on-chain-react-2026" rel="noopener noreferrer"&gt;RNR 372 - Looking back on Chain React 2026&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🔀 Other
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;👀 &lt;a href="https://www.bram.us/2026/08/20/the-future-of-css-target-multiple-classes-with-the-class-prefix-selector/" rel="noopener noreferrer"&gt;CSS - Class Prefix Selector&lt;/a&gt; - Not implemented anywhere yet, but CSS will support &lt;code&gt;.prefix-*&lt;/code&gt; selectors, letting you target multiple CSS classes at once.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://bsky.app/profile/did:plc:hxmev3uady7j4litwnr5fzbg/post/3muk7eu23w22b" rel="noopener noreferrer"&gt;HTML Spec PR - Out-of-order streaming&lt;/a&gt; - This exciting feature is already in Chrome/Edge and has been&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://pnpm.io/blog/releases/12.0" rel="noopener noreferrer"&gt;pnpm 12.0 - Rust rewrite, project-aware global bins, registry revisions, and more&lt;/a&gt; - The upgrade from v11 seems easy, leading to significantly faster installs.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://zod.dev/blog/zod-4-5" rel="noopener noreferrer"&gt;Zod 4.5 - Ahead-of-time schema compilation, method memoization, new parsing features&lt;/a&gt; - Precompiled schemas parse 3-9x faster. Significant schema memory footprint improvements!&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://vgpu.sh/" rel="noopener noreferrer"&gt;vgpu - WebGPU library, designed for agents&lt;/a&gt; - The creative library Vercel developed to ship performant shaders. Agents can verify their work with a CLI, even in sandboxes without a GPU.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://remix.run/blog/remix-3-release-candidate" rel="noopener noreferrer"&gt;Remix 3.0 RC - Full-stack, single dependency, composable JS framework based on web primitives&lt;/a&gt; - I t’s time for the team to freeze feature development and commit to SemVer.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://rspack.rs/blog/announcing-2-2" rel="noopener noreferrer"&gt;Rspack 2.2 - Performance, HMR and &lt;code&gt;import.meta&lt;/code&gt; improvements, Browserslist Baseline targets&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://webpack.js.org/blog/2026-08-29-webpack-5-110/" rel="noopener noreferrer"&gt;Webpack 5.110 - Performance Hints, built-in CSS/HTML minification, native CSS recommended&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://nodejs.org/en/blog/release/v26.8.0" rel="noopener noreferrer"&gt;Node.js 26.8 - Built-in ZIP archive support, REPL inline syntax highlighting&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/jestjs/jest/releases/tag/v30.5.0" rel="noopener noreferrer"&gt;Jest 30.5 - &lt;code&gt;whenCalledWith()&lt;/code&gt;, describe-level retries, new file watcher, perf and ESM fixes&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🤭 Fun
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://x.com/zkochan/status/2088249796171575375" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fx5beyamgc12yqnf4gqez.jpg" alt="alt" width="800" height="656"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;See ya! 👋&lt;/p&gt;

</description>
      <category>react</category>
      <category>reactnative</category>
    </item>
    <item>
      <title>This Week In React #294: React Compiler, TanStack, Next.js, GTKX, Effect | RN 0.87, Screens, RNGH, Worklets, Skia | Node, Astro, pnpm</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 21 Aug 2026 12:39:45 +0000</pubDate>
      <link>https://dev.to/sebastienlorber/this-week-in-react-294-react-compiler-tanstack-nextjs-gtkx-effect-rn-087-screens-rngh-4p6c</link>
      <guid>https://dev.to/sebastienlorber/this-week-in-react-294-react-compiler-tanstack-nextjs-gtkx-effect-rn-087-screens-rngh-4p6c</guid>
      <description>&lt;p&gt;Hi everyone!&lt;/p&gt;

&lt;p&gt;Hi everyone, &lt;a href="https://x.com/sebastienlorber" rel="noopener noreferrer"&gt;Seb&lt;/a&gt; and &lt;a href="https://x.com/jaworek3211" rel="noopener noreferrer"&gt;Jan&lt;/a&gt; here!&lt;/p&gt;

&lt;p&gt;Back after a little break to cover news from the last two weeks. A lot is going on, apparently not everyone is on holiday because we still have many interesting releases, including many RCs from upcoming major versions.&lt;/p&gt;

&lt;p&gt;The native React Compiler rollout continues. React v19.3 seems around the corner. Plenty of TanStack Router/Start and Next.js content.&lt;/p&gt;

&lt;p&gt;React Native 0.87 is now out, paving the way for v1.0.&lt;/p&gt;

&lt;p&gt;🏝️ We’ll be taking another break next week. See you in September. 👋&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the official newsletter to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%3Futm_source%3Ddev_crosspost" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://blog.sentry.io/57-bugs-to-1/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=seer-fy27q3-evergreen&amp;amp;utm_content=newsletter-first-sponsor-dan-mindru-blog-learnmore" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F294%2Fsentry.jpg" alt="From 57 bugs to 1, thanks to Seer"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://blog.sentry.io/57-bugs-to-1/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=seer-fy27q3-evergreen&amp;amp;utm_content=newsletter-first-sponsor-dan-mindru-blog-learnmore" rel="noopener noreferrer"&gt;From 57 bugs to 1, thanks to Seer&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;True story. Dan Mindru got a GitHub notification at the dentist, skimmed a green PR he hadn't written, and hit merge before his name was called. That was one of 57 bugs in his backlog. He's down to 1 now, and his system sorts every production bug into three tiers:&lt;br&gt;&lt;br&gt;
😎 &lt;strong&gt;Friendly&lt;/strong&gt;: the null check, the off-by-one, the layout that breaks on mobile. The PR is waiting when you wake up.&lt;br&gt;&lt;br&gt;
😤 &lt;strong&gt;Grumpy&lt;/strong&gt;: stale state after a websocket reconnect, optimistic UI that never rolls back. Seer can root-cause these, but it can't run your tests. Something else has to.&lt;br&gt;&lt;br&gt;
🤘 &lt;strong&gt;Punk&lt;/strong&gt;: five-year-old prod data, one customer's flag combo. Still yours, sorry.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://blog.sentry.io/57-bugs-to-1/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=seer-fy27q3-evergreen&amp;amp;utm_content=newsletter-first-sponsor-dan-mindru-blog-learnmore" rel="noopener noreferrer"&gt;Read the post →&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  ⚛️ React
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;The React Compiler rollout&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The rollout of the Rust-based compiler continues:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://oxc.rs/blog/2026-08-18-react-compiler-support" rel="noopener noreferrer"&gt;Oxlint 1.79 just added support&lt;/a&gt;. The new &lt;code&gt;oxc-transform-react&lt;/code&gt; package also unlocks automatic memoization and will soon be supported in &lt;code&gt;@vitejs/plugin-react&lt;/code&gt; (&lt;a href="https://github.com/vitejs/vite-plugin-react/pull/1419" rel="noopener noreferrer"&gt;PR&lt;/a&gt; already merged). Along the way, they made many improvements to performance and behavior over the original Rust port and even found bugs in the Babel version.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/biomejs/biome/releases/tag/%40biomejs%2Fbiome%402.5.8" rel="noopener noreferrer"&gt;Biome 2.5.8&lt;/a&gt; is out with a new &lt;code&gt;useReactCompiler&lt;/code&gt; nursery/experimental rule, although it’s an initial version and there’s &lt;a href="https://github.com/biomejs/biome/issues/10974" rel="noopener noreferrer"&gt;remaining work&lt;/a&gt; to be done such as splitting the rule into many smaller ones.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/oven-sh/bun/issues/24356#issuecomment-5276435139" rel="noopener noreferrer"&gt;Bun 1.4 will include React Compiler support&lt;/a&gt; through &lt;code&gt;--react-compiler&lt;/code&gt; and &lt;code&gt;Bun.build({reactCompiler: true})&lt;/code&gt;.&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-aug19" rel="noopener noreferrer"&gt;build mode - Why we're bullish on loops&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/react/react/pull/37290" rel="noopener noreferrer"&gt;React PR - Enable parallel transitions flag everywhere&lt;/a&gt; - Parallel transitions are already used in production at Meta, and are likely to come in v19.3 for both React and React Native.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/TanStack/router/discussions/8087" rel="noopener noreferrer"&gt;TanStack Router reimplemented&lt;/a&gt; - Prominent Node.js contributor Yagiz Nizipli reimplemented TanStack Router APIs, claiming a drop-in replacement up to 19x faster. Tanner Linsley answers.&lt;/li&gt;
&lt;li&gt;💬 Next.js team - &lt;a href="https://www.reddit.com/r/nextjs/comments/1vnlcsk/were_the_nextjs_team_ask_us_anything/" rel="noopener noreferrer"&gt;Ask us anything on Reddit&lt;/a&gt; and &lt;a href="https://x.com/timneutkens/status/2090068164860117058" rel="noopener noreferrer"&gt;Ask us anything on X&lt;/a&gt;- Apart from the many Next.js-related discussions, happy to hear that Fragment refs and ViewTransition will be stable in React 19.3! Also gives a preview of upcoming features such as granular prerendering and new data fetching primitives.&lt;/li&gt;
&lt;li&gt;💬 &lt;a href="https://github.com/remix-run/react-router/discussions/15371" rel="noopener noreferrer"&gt;React Router - Changes planned for v9&lt;/a&gt; - This discussion will keep track of what’s coming in the next major, scheduled for mid-2027.&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/poteto/status/2089227731305464150" rel="noopener noreferrer"&gt;Cursor completed its migration from Solid (v1) to React and StyleX&lt;/a&gt; - In practice, signal-based approaches created perf footguns. Their new product “Bot” forbids the direct usage of &lt;code&gt;useEffect&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;🗓️&amp;nbsp;&lt;a href="https://reactsummit.us/?utm_source=thisweekinreact" rel="noopener noreferrer"&gt;React Summit US&lt;/a&gt;&amp;nbsp;-&amp;nbsp;🇺🇸&amp;nbsp;New York - 17 &amp;amp; 20 Nov. Incredible lineup announced featuring Kent C. Dodds, Shaundai Person, Ken Wheeler, Tanner Linsley, and Seth Webster! Get a 10% discount with code "TWIR".&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://julesblom.com/writing/hoistable-svg-defs-ii" rel="noopener noreferrer"&gt;Impersonating the DOM&lt;/a&gt; - A quite interesting lib design technique used by React Aria. &lt;code&gt;createPortal(children, fakeDocument)&lt;/code&gt; lets you eavesdrop on the reconciler operations and get access to the rendered children. This pattern lets you do various things, such as hoisting/deduplicating SVG &lt;code&gt;&amp;lt;defs&amp;gt;&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://lovable.dev/blog/how-we-migrated-lovable-dev-away-from-nextjs" rel="noopener noreferrer"&gt;How Lovable.dev moved from Next.js to TanStack Start&lt;/a&gt; - Lovable builds and hosts primarily TanStack Start apps, so they decided to adopt the framework for their flagship app to dogfood their own platform and turn it into a typical Lovable app. This describes the incremental migration approach: making the code framework-agnostic, using agents, migrating related routes together, and ensuring both frameworks can run simultaneously. The migration brought better DX/AX and simpler abstractions, but TanStack Start requires more bundler customization.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://nextjs.org/blog/making-v0-navigations-instant" rel="noopener noreferrer"&gt;Making Navigations Instant in v0&lt;/a&gt; - Next.js 16.3 now supports pre-rendering dynamic content at runtime, making navigation feel instantaneous. Assert this behavior with a new Playwright &lt;code&gt;instant()&lt;/code&gt; helper, and let your AI agents fix the failing tests with the provided skill.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://tkdodo.eu/blog/reliable-query-prefetching-with-tanstack-router" rel="noopener noreferrer"&gt;Reliable Query Prefetching with TanStack Router&lt;/a&gt; - Reliable prefetching requires using the same query options in the route loader prefetches and component queries, which may diverge at scale. Put query options in Route Context to keep them in sync.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://tanstack.com/blog/tanstack-router-navigation-lanes" rel="noopener noreferrer"&gt;Inside a TanStack Router Navigation&lt;/a&gt; - Explains the lifecycle of a navigation and how edge cases are handled, such as using a transaction and private lane system to handle race conditions.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://nextjs.org/blog/building-app-like-experiences-with-nextjs-16-3" rel="noopener noreferrer"&gt;Building App-like Experiences with Next.js 16.3&lt;/a&gt; - A nice overview of all the cutting-edge Next.js features useful to build modern web apps, illustrated through 4 open source app demos.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://aurorascharff.no/posts/coordinating-optimistic-updates-in-nextjs/" rel="noopener noreferrer"&gt;Coordinating Optimistic Updates in Next.js&lt;/a&gt; - Use &lt;code&gt;useActionState&lt;/code&gt; and &lt;code&gt;useOptimistic&lt;/code&gt; to coordinate overlapping transitions with an Action queue, a reducer, and optimistic state with automatic rollbacks. Not so easy to wire, but this pattern can be learned once and applied in many places.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://next-intl.dev/blog/nextjs-root-params" rel="noopener noreferrer"&gt;Using &lt;code&gt;next/root-params&lt;/code&gt; in Next.js 16.3&lt;/a&gt; - A game-changer for &lt;code&gt;next-intl&lt;/code&gt;, that can now read a &lt;code&gt;[locale]&lt;/code&gt; param of a root layout in all Server Components.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://trustedrouter.com/openai-compatible-llm-api?utm_source=thisweekinreact&amp;amp;utm_medium=sponsored_newsletter&amp;amp;utm_campaign=react_link_20260819&amp;amp;utm_content=react_link_every_model" rel="noopener noreferrer"&gt;TrustedRouter - Add every AI model to your React app through one OpenAI-compatible API with automatic failover and no prompt or output logs&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://compiled.run/oxc-tsrx" rel="noopener noreferrer"&gt;OXC for TSRX - Parse, lint, format &lt;code&gt;.tsrx&lt;/code&gt; files with Oxc&lt;/a&gt; - This promising spiritual successor to JSX now has a fast Rust-based toolchain.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://gtkx.dev/blog/gtkx-1-0" rel="noopener noreferrer"&gt;GTKX 1.0 - The React framework for Linux, declarative layer on top of GTK4&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/unjs/unhead/releases/tag/v3.3.0" rel="noopener noreferrer"&gt;Unhead 3.3 - Framework-agnostic &lt;code&gt;&amp;lt;head&amp;gt;&lt;/code&gt; component - Support &lt;code&gt;&amp;lt;Fragment&amp;gt;&lt;/code&gt;, various React fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/facebook/astryx/releases" rel="noopener noreferrer"&gt;Astryx 0.3 &amp;amp; 0.4 - Meta’s fully customizable design system based on StyleX&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/react-hook-form/react-hook-form/releases/tag/v7.85.0" rel="noopener noreferrer"&gt;React-Hook-Form 7.85 - Support React &lt;code&gt;&amp;lt;Activity&amp;gt;&lt;/code&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://ui.shadcn.com/docs/changelog/2026-08-questionnaire" rel="noopener noreferrer"&gt;shadcn React 0.3 - New &lt;code&gt;&amp;lt;Questionnaire&amp;gt;&lt;/code&gt; component for multi-step question flows&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.bengubler.com/posts/2026-08-14-introducing-fig-ui-runtime" rel="noopener noreferrer"&gt;Fig - A small TypeScript UI runtime based on React Fiber.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/rshono/rshono" rel="noopener noreferrer"&gt;Rshono - Minimalist web framework based on Hono, Rspack and React Server Components&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/huozhi/sugar-high/releases/tag/v2.0.0" rel="noopener noreferrer"&gt;Sugar High 2.0 - Lightweight, composable syntax highlighter with React bindings&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://tanstack.com/blog/announcing-tanstack-form-v2-alpha" rel="noopener noreferrer"&gt;TanStack Form 2.0 alpha - Redesigned APIs, new validation pipeline, performance and type-safety improvements&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/preactjs/preact/releases/tag/11.0.0-rc.0" rel="noopener noreferrer"&gt;Preact 11.0 RC - &lt;code&gt;use()&lt;/code&gt;, &lt;code&gt;createPortal()&lt;/code&gt;, &lt;code&gt;useEffectEvent()&lt;/code&gt;, and more&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://thoughtbot.com/blog/humid-1-0-react-server-side-rendering-in-rails-can-be-easy" rel="noopener noreferrer"&gt;Humid 1.0 - React server-side rendering in Rails using V8 / mini_racer&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=397MsJf8HGg" rel="noopener noreferrer"&gt;Lucas Barake - The state library that made me drop Zustand&lt;/a&gt; - Effect v4 is &lt;a href="https://www.effect.website/blog/releases/effect/40-rc" rel="noopener noreferrer"&gt;now in RC&lt;/a&gt;, comes with a reactive Atom implementation including first-class React bindings.&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://share.transistor.fm/s/55d1846a" rel="noopener noreferrer"&gt;This Month in React - July 2026 - React-alikes, governance, and state management&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  💸 Sponsor
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://www.agent.sh/?utm_campaign=agent&amp;amp;utm_source=twir&amp;amp;utm_medium=email=utm_content=aug19" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F294%2Fcallstack.jpg" alt="New Speakers &amp;amp; Pre-Conference Workshop"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://www.agent.sh/?utm_campaign=agent&amp;amp;utm_source=twir&amp;amp;utm_medium=email=utm_content=aug19" rel="noopener noreferrer"&gt;New Speakers &amp;amp; Pre-Conference Workshop&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Carl Ross&lt;/strong&gt; (&lt;strong&gt;OpenAI)&lt;/strong&gt; and &lt;strong&gt;Nick Miller&lt;/strong&gt; (&lt;strong&gt;Cursor)&lt;/strong&gt; have recently joined the lineup, alongside other top AI engineers from &lt;strong&gt;Google&lt;/strong&gt;, &lt;strong&gt;Meta&lt;/strong&gt;, &lt;strong&gt;Amazon&lt;/strong&gt;, &lt;strong&gt;Expo&lt;/strong&gt; and other tech giants.&lt;/p&gt;

&lt;p&gt;Agenda is now almost full with talks covering 4 main angles:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Vibe Coding&lt;/li&gt;
&lt;li&gt;Agentic Engineering Fundamentals&lt;/li&gt;
&lt;li&gt;Orchestration &amp;amp; Multi-Agent Systems&lt;/li&gt;
&lt;li&gt;Adoption &amp;amp; Case Studies&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The last few spots are still available for the free workshop hosted by Amazon on September 16: &lt;strong&gt;&lt;em&gt;Build Your Own Software (re)Factory&lt;/em&gt;&lt;/strong&gt;. First come, first served! Book your spot at &lt;a href="https://www.agent.sh/workshop?utm_campaign=agent&amp;amp;utm_source=twir&amp;amp;utm_medium=email&amp;amp;utm_content=program" rel="noopener noreferrer"&gt;agent.sh/workshop.&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Join Agent Conf in Warsaw on September 17–18 to get better at coding with AI agents.&lt;/p&gt;

&lt;p&gt;Conference tickets are available at &lt;a href="https://www.agent.sh/" rel="noopener noreferrer"&gt;agent.sh&lt;/a&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  📱 React-Native
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://reactnative.dev/blog/2026/08/11/react-native-0.87" rel="noopener noreferrer"&gt;&lt;strong&gt;React Native 0.87&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Like clockwork, React Native 0.87 is out! It's the biggest step towards RN 1.0 in a long time, coming with intentional breaking changes, so it deserves more than a routine upgrade note.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Strict TypeScript API by default&lt;/strong&gt;: Types are generated automatically from source and scoped to the package's root, so internal file changes are no longer breaking changes. Dedicated &lt;code&gt;*Instance&lt;/code&gt; types (e.g. &lt;code&gt;ViewInstance&lt;/code&gt;, &lt;code&gt;TextInputInstance&lt;/code&gt;) improve &lt;code&gt;ref&lt;/code&gt; typing of built-in components, and doc comments now flow straight into your IDE. Alex Hunt &lt;a href="https://x.com/huntie/status/2087221384422592629" rel="noopener noreferrer"&gt;goes into detail&lt;/a&gt; about the work that went into this: compatibility fixes for Tailwind, Uniwind, and Expo Web, plus an upstream TypeScript fix for hidden &lt;code&gt;Libraries/&lt;/code&gt; subpaths.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Faster, leaner Metro&lt;/strong&gt;: Source map generation is now 2x faster and uses half of the memory. Support for TypeScript and ESM config files.
&lt;strong&gt;Experimental Swift Package Manager support for iOS&lt;/strong&gt;: Opt-in and additive: Xcode is enough — no Ruby, no Bundler, no CocoaPods. CocoaPods remains the default path.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Android Gradle Plugin (AGP) v9&lt;/strong&gt;: First RN release to support AGP 9, with recommended opt-outs for built-in Kotlin and the new DSL until AGP 10.x.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;API surface cleanup&lt;/strong&gt;: Many deprecated APIs have been removed, including flagship ones like &lt;code&gt;InteractionManager&lt;/code&gt;. New APIs are marked as deprecated and scheduled to be removed later. &lt;code&gt;AbortController&lt;/code&gt; is now complete and &lt;code&gt;backgroundImage: linear-gradient/radial-gradient&lt;/code&gt; is now stable.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;New requirements&lt;/strong&gt;: The minimum toolchain requirements is now Node.js 22, AGP 9, and Kotlin 2.0+.&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://crisp.chat/?utm_source=twir&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=crisp_q3_nl&amp;amp;utm_content=19aug26" rel="noopener noreferrer"&gt;Crisp - Add in-app customer support to your React Native or Expo app in just a few lines of code &lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📖 &lt;a href="https://github.com/react/react-native-website/pull/5111" rel="noopener noreferrer"&gt;RN docs - Strict TypeScript API guide updated for 0.87: ref types, setup-env, FAQs&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🗓️&amp;nbsp;&lt;a href="https://reactnativeconnection.io/?utm_source=thisweekinreact.com" rel="noopener noreferrer"&gt;React Native Connection&lt;/a&gt;&amp;nbsp;-&amp;nbsp;🇫🇷 Paris - 24 Sept. Deep dive into mobile development with top-tier experts from Expo, Software Mansion and Callstack. Regular ticket window closing August 31. Save 15% on your ticket with code "TWIR".&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://margelo.com/blog/fitting-RAG-in-your-pocket" rel="noopener noreferrer"&gt;Fitting RAG in Your Pocket: Local Retrieval in React Native&lt;/a&gt; - How to build on-device data retrieval for your apps using &lt;code&gt;@react-native-ai/llama&lt;/code&gt; and native vector search with &lt;code&gt;nitro-sqlite&lt;/code&gt; + &lt;code&gt;sqlite-vec&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://swmansion.com/blog/the-memory-hermes-cant-see-stale-shadow-nodes-in-react-native/" rel="noopener noreferrer"&gt;The Memory Hermes Can't See: Stale Shadow Nodes in React Native&lt;/a&gt; - Recent Hermes V1 memory regression triggered additional experiments that surfaced a fascinating finding about the Shadow Tree. Unmounting views causes the React component and the objects attached to it to still exist in memory, which can only be cleaned up by GC run.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://shopify.engineering/mobile-e2e-testing" rel="noopener noreferrer"&gt;How we raised mobile end-to-end test stability to 98%&lt;/a&gt; - Shopify stopped patching their Appium E2E suite to fix flaky tests with an opinionated wrapper. They moved away from testing implementation details with TestIDs to using computer vision.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/how-to-build-a-resilient-activity-tracker-with-expo" rel="noopener noreferrer"&gt;How to build a resilient activity tracker with Expo&lt;/a&gt; - Build an Expo app with sessions that survive backgrounding, app kills, and crashes.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://margelo.com/blog/react-native-barcode-scanner" rel="noopener noreferrer"&gt;Scanning Barcodes in React Native Apps: The Complete Guide (2026)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/fable-5-vs-gpt-5-6-sol-expo-apps" rel="noopener noreferrer"&gt;Fable 5 vs GPT-5.6 Sol: I spent $2,000 and 2 billion tokens to find out who wins&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://swmansion.com/blog/haptic-feedback-on-the-web-why-the-web-deliberately-refuses-to-be-as-tactile-as-native-apps/" rel="noopener noreferrer"&gt;Haptic Feedback on the Web: Why the Web Deliberately Refuses to Be as Tactile as Native Apps&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://configcat.com/blog/ab-testing-react-native-apps-with-feature-flags/?utm_source=thisweekinreact_newsletter&amp;amp;utm_medium=sponsor&amp;amp;utm_campaign=reactnative_20260819" rel="noopener noreferrer"&gt;ConfigCat - Release React Native Features with Feature Flags, Without Redeploying&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://invertase.io/blog/react-native-firebase-v26-release" rel="noopener noreferrer"&gt;Firebase 26 - New architecture foundation: TurboModules, TypeScript parity, modular API&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/Shopify/react-native-skia/releases/tag/v2.11.0" rel="noopener noreferrer"&gt;Skia 2.11 - Updates Skia engine, drive multiple animated props from one shared value&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/rozenite/releases/tag/v2.1.0" rel="noopener noreferrer"&gt;Rozenite 2.1 - Unified plugin UI, feature flags plugin, agent skills CLI&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/getsentry/sentry-react-native/releases/tag/8.23.0" rel="noopener noreferrer"&gt;Sentry 8.23 - Swift pod migration&lt;/a&gt; - Action required for RN &amp;lt; 0.75, &lt;code&gt;use_modular_headers!&lt;/code&gt; is required in the Podfile now that RNSentry ships Swift&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/react-native-screens/releases/tag/4.27.0" rel="noopener noreferrer"&gt;Screens 4.27 - RN 0.87 support, experimental &lt;code&gt;ScrollToTopGuard&lt;/code&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://maestro.dev/blog/maestro-cli-2-8-0" rel="noopener noreferrer"&gt;Maestro 2.8 - Swipe from a point inside an element, variables in permissions, screenshot tresholds, and Maestro Cloud improvements&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/enriched-markdown/releases/tag/v1.0.0" rel="noopener noreferrer"&gt;Enriched Markdown 1.0 - First stable release: block-editing input pipeline, iOS SwiftUI renderer&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstack/react-native-pager-view/releases/tag/v9.0.0" rel="noopener noreferrer"&gt;Pager View 9.0 - Replaces legacy pager implementation with Jetpack Compose on Android&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/react-native-gesture-handler/releases/tag/v3.2.0" rel="noopener noreferrer"&gt;Gesture Handler 3.2 - &lt;code&gt;Pressable&lt;/code&gt; on &lt;code&gt;Touchable&lt;/code&gt;, hover callbacks, Strict TS API, AGP 9&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/react-native-reanimated/releases/tag/worklets-0.12.0" rel="noopener noreferrer"&gt;Worklets 0.12 - WeakRef on worklet runtimes, Bundle Mode loading on par with RN, &lt;code&gt;enableLocking&lt;/code&gt; option&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/margelo/react-native-nitro-fetch/releases/tag/v1.6.0" rel="noopener noreferrer"&gt;Nitro Fetch 1.6 - tvOS support, shared iOS URLCache, prefetch cache fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/JubaKitiashvili/expo-pretext/releases/tag/v1.2.0" rel="noopener noreferrer"&gt;Expo Pretext 1.2 - Fixes Android module that never compiled, web font measurement fix&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/argent/releases/tag/v0.20.0" rel="noopener noreferrer"&gt;Argent 0.20 - Concurrent flow recordings, Chromium per launch step, MCP registry, .env secrets&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/appandflow/react-native-safe-area-context/releases/tag/v5.9.0" rel="noopener noreferrer"&gt;Safe Area Context 5.9 - AGP 9 support, web resize/inset fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://expo.dev/services/tuft" rel="noopener noreferrer"&gt;Expo Tuft - Higher-order agent reachable from Slack/iMessage, runs on an always-on machine&lt;/a&gt; - Technical preview of a new Expo AI product.&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://github.com/margelo/ai-chat-demo" rel="noopener noreferrer"&gt;MargeloChat - Open-source ChatGPT-style RN AI chat app with RAG and streaming&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://github.com/joshuayoes/ios-simulator-mcp/releases/tag/v2.1.0" rel="noopener noreferrer"&gt;iOS Simulator MCP 2.1 - App lifecycle tools: terminate_app, open_url, list_apps&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=eiGcqvji4nk" rel="noopener noreferrer"&gt;Callstack - Can a Specialized Model Beat Frontier Models at React Native?&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://infinite.red/react-native-radio/rnr-369-rnr-explains-appregistry" rel="noopener noreferrer"&gt;RNR 369 - AppRegistry Explained&lt;/a&gt; - Breaks down RN’s AppRegistry. What’s under the hood. From Expo and app entry points to brownfield apps and more.&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://infinite.red/react-native-radio/rnr-370-copilotkit-with-mike-ryan" rel="noopener noreferrer"&gt;RNR 370 - CopilotKit with Mike Ryan&lt;/a&gt; - Bringing AI agents to RN apps. Breaks down of AG-UI, generative UI, shared state, and the guardrails needed for trustworthy experiences.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🔀 Other
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;📜 &lt;a href="https://portswigger.net/research/css-the-bomb-inside-your-inbox" rel="noopener noreferrer"&gt;CSS: the bomb inside your inbox&lt;/a&gt; - Novel hacking techniques showing how CSS sanitizers in Gmail/Outlook/Fastmail can be worked around to steal tokens, hijack clicks, or keylog passwords.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://green.sapphi.red/blog/how-variable-mangling-works-in-oxc-minifier" rel="noopener noreferrer"&gt;How Variable Mangling Works in Oxc Minifier&lt;/a&gt; - Replacing original variable names with shorter ones with a slot assignment algorithm.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://nodejs.org/en/blog/release/v26.7.0" rel="noopener noreferrer"&gt;Node.js 26.7 - Perfetto tracing support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://astro.build/blog/astro-720/" rel="noopener noreferrer"&gt;Astro 7.2 - Incremental static builds, opt out of session support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://pnpm.io/blog/whats-different-in-pnpm-12" rel="noopener noreferrer"&gt;pnpm 12.0 RC&lt;/a&gt; - pnpm 12 has been rewritten in Rust and should be easy to adopt, apart from 5 things that differ.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://main.vitest.dev/guide/migration.html#vitest-5" rel="noopener noreferrer"&gt;Vitest 5.0 RC - Clear mocks by default, fake timers now mock Temporal, and more&lt;/a&gt; - Stable version expected in 2-3 weeks, check the full v5 migration guide.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.solidjs.com/blog/solid-2-0-rc-the-big-reveal" rel="noopener noreferrer"&gt;Solid 2.0 RC - First-class async support, new Rust-based compiler toolchain, simpler API surface&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://svelte.dev/blog/sveltekit-3-release-candidate" rel="noopener noreferrer"&gt;SvelteKit 3.0 RC - Vite 8 + Rolldown, error boundaries, validated env vars, remote functions&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🤭 Fun
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://x.com/jxnlco/status/1931003015051518077" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F294%2Fmeme.jpg" alt="alt"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://x.com/samlambert/status/2089352497794277639" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthisweekinreact.com%2Femails%2Fissues%2F294%2Fmeme2.jpg" alt="alt"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;See ya! 👋&lt;/p&gt;

</description>
      <category>react</category>
      <category>reactnative</category>
    </item>
  </channel>
</rss>
