<?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>Forem: Sebastien Lorber</title>
    <description>The latest articles on Forem by Sebastien Lorber (@sebastienlorber).</description>
    <link>https://forem.com/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.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F200435%2F3a773e8a-0013-4afe-8af4-f619d87a2c0a.jpeg</url>
      <title>Forem: Sebastien Lorber</title>
      <link>https://forem.com/sebastienlorber</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/sebastienlorber"/>
    <language>en</language>
    <item>
      <title>This Week In React #275 : ⚛️ Next.js, TanStack RSC, React Compiler | 📱 ExecuTorch, Unistyles| 🔀 Pretext, Axios, Node</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 03 Apr 2026 12:51:32 +0000</pubDate>
      <link>https://forem.com/sebastienlorber/this-week-in-react-275-nextjs-tanstack-rsc-react-compiler-executorch-unistyles-12ni</link>
      <guid>https://forem.com/sebastienlorber/this-week-in-react-275-nextjs-tanstack-rsc-react-compiler-executorch-unistyles-12ni</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 news about popular React meta-frameworks. Next.js Adapters API should help host it anywhere without compromise. TanStack Start unveils a preview of its React Server Components. The React Compiler port to Rust is being actively worked on.&lt;/p&gt;

&lt;p&gt;No major announcement in the React Native world, but still many interesting releases. React Native v0.85 should be released next week.&lt;/p&gt;

&lt;p&gt;Axios has been compromised in a major supply chain attack. Stay safe and make sure to adopt security best practices!&lt;/p&gt;

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




&lt;p&gt;💡 Subscribe to the &lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" rel="noopener noreferrer"&gt;official newsletter&lt;/a&gt; to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" 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%2Fz4uz6ixhzg21rrks3os9.png" alt="banner" width="800" height="373"&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=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=11march&amp;amp;utm_content=1st" 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%2Fcjdvmtgrmkc7ktvbp18m.jpg" alt="Still writing tests manually?" width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=11march&amp;amp;utm_content=1st" rel="noopener noreferrer"&gt;Still writing tests manually?&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Notion, Dropbox and LaunchDarkly have found a new testing paradigm - and they can't imagine working without it. Built by &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=11march&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;ex-Palantir engineers&lt;/a&gt;, Meticulous autonomously creates a continuously evolving suite of E2E UI tests that delivers &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=11march&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;near-exhaustive coverage&lt;/a&gt; with &lt;em&gt;zero developer effort&lt;/em&gt; - impossible to deliver by any other means. &lt;/p&gt;

&lt;p&gt;It works like magic in the background:&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;&lt;strong&gt;No maintenance (seriously)&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Zero flakes (built on a deterministic browser)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;🤨&lt;/strong&gt; Curious? &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=11march&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;Book in a time to learn more&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://nextjs.org/blog/nextjs-across-platforms" 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%2Ftbxgz9pzq9fpx4ee4u6m.jpg" alt="Next.js Across Platforms: Adapters, OpenNext, and Our Commitments" width="800" height="419"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://nextjs.org/blog/nextjs-across-platforms" rel="noopener noreferrer"&gt;Next.js Across Platforms: Adapters, OpenNext, and Our Commitments&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Next.js 16.2 now ships with a stable, typed, versioned Adapter API. It was built in collaboration with many partners: OpenNext, Netlify, Cloudflare, AWS Amplify, and Google Cloud. This helps ensure Next.js works well on every platform across all its features. There’s now a public test suite to verify your adapter, and Vercel also relies on it.&lt;/p&gt;

&lt;p&gt;The &lt;a href="https://nextjs.org/ecosystem-working-group" rel="noopener noreferrer"&gt;Next.js Ecosystem Working Group&lt;/a&gt; explains Vercel’s commitment. Partners will not participate in Next.js design decisions and roadmap, but can still impact it through feedback. They will be kept in the loop early, have time to adapt, and get direct support to fix adapter breakage.&lt;/p&gt;




&lt;p&gt;&lt;a href="https://youtu.be/8XGcc-FRPuo?si=VnH91DpiPI35PFB4&amp;amp;t=1167" 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%2F557m9ffnarp63vz5ovss.jpg" alt="TanStart Start RSC preview" width="800" height="437"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🎥 &lt;strong&gt;&lt;a href="https://youtu.be/8XGcc-FRPuo?si=VnH91DpiPI35PFB4&amp;amp;t=1167" rel="noopener noreferrer"&gt;TanStart Start RSC preview&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Tanner Linsley gave a talk at React Paris last week. The 2nd part unveils for the first time what React Server Components will look like in TanStack Start, to be released very soon.&lt;/p&gt;

&lt;p&gt;My highlights:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Primitives&lt;/strong&gt;: You have full flexibility to decide how to compose these RSC APIs, and can adopt them incrementally. RSC flight payloads are just streams of text; you can sync/cache/persist/manipulate these on your own terms.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Composite Components&lt;/strong&gt;: You don’t need &lt;code&gt;’use client’&lt;/code&gt; directives, although they are supported. This new concept creates an explicit boundary between the server and the client. I assume it should be possible to co-locate client/server components in the same file.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;No Server Actions&lt;/strong&gt;: A design decision for security reasons, but you can use server functions with validation.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;What strikes me is just how different this is from Next.js. It feels more like a library than a framework, and it seems more in sync with the philosophy that initially attracted me to React: you make your own decisions, even though sometimes more flexibility means more glue code and ways to shoot yourself in the foot. In any case, I agree with Tanner: we deserve another React meta-framework—one that’s less opinionated and innovates in a different direction.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://crowdin.info/AII2d2o" rel="noopener noreferrer"&gt;Lingui - Lightweight, developer-first i18n tooling for modern product teams&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/facebook/react/pull/36173" rel="noopener noreferrer"&gt;React Compiler PR - WIP port of React Compiler to Rust&lt;/a&gt; - As previously announced, the React Compiler is being ported to Rust through AI. The algorithm is the same, based on a Rust-based Babel AST, already passing 100% of the Babel integration fixture tests. The goal is to integrate nicely with Babel, SWC, and OXC.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/facebook/react/pull/35816" rel="noopener noreferrer"&gt;React PR - Enable Trusted Types integration&lt;/a&gt; - The browser Trusted Types API is now Baseline Newly Available, and React now integrates with it to prevent XSS and force you to sanitize unsafe inputs. For example, with &lt;code&gt;dangerouslySetInnerHTML={{__html: policy.createHTML(text)}}&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/vercel/next.js/pull/92012" rel="noopener noreferrer"&gt;Next.js PR - &lt;code&gt;experimental.useOffline with retries + hook to show offline indicator&lt;/code&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/TanStack/query/pull/10359" rel="noopener noreferrer"&gt;TanStack Query ESLint PR - Add &lt;code&gt;prefer-query-options&lt;/code&gt; rule&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🗓️ &lt;a href="https://www.dotjs.io/?utm_source=twir&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=EB" rel="noopener noreferrer"&gt;dotJS 2026&lt;/a&gt; -  🇫🇷 Paris - 18 September - Early bird tickets are available until April 14th 6 PM CET, save 100€ on the next price. dotJS comes with dotAI on September 17, book now your early bird ticket for each conference, or a combo to attend both.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://tanstack.com/blog/tanstack-router-signal-graph" rel="noopener noreferrer"&gt;TanStack Router's New Reactive Core: A Signal Graph&lt;/a&gt; - They refactored the router state store, splitting it into many small stores using signals, leading to more efficient fine-grained subscriptions. The original &lt;code&gt;router.state&lt;/code&gt; is still a public API, but now derived from the smaller store.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://tigerabrodi.blog/when-do-you-really-need-starttransition" rel="noopener noreferrer"&gt;When Do You Really Need startTransition?&lt;/a&gt; - When an update triggers expensive rendering.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://julesblom.com/writing/colocated-svg-defs" rel="noopener noreferrer"&gt;Hoistable SVG Defs in React&lt;/a&gt; - How to colocate SVG &lt;code&gt;&amp;lt;defs&amp;gt;&lt;/code&gt; with components instead of centralizing them.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://handlewithcare.dev/blog/making_react_prosemirror_really_really_fast/" rel="noopener noreferrer"&gt;Making React ProseMirror really, really fast&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://neciudan.dev/lets-build-dynamic-shimmer-skeletons" rel="noopener noreferrer"&gt;Build your own shimmer skeleton that never goes out of sync&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://inside-react.vercel.app/blog/how-does-react-fiber-render-your-ui" rel="noopener noreferrer"&gt;How Does React Fiber Render Your UI&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-apr1" rel="noopener noreferrer"&gt;Product for Engineers - WTF does a product manager do? (and why engineers should care)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://laravel.com/blog/inertia-v3-whats-changed-since-the-first-beta" rel="noopener noreferrer"&gt;Inertia 3.0 - Build React/modern SPAs with server-based routers&lt;/a&gt; - This solution to integrate React and other frontend frameworks with traditional backends (optimized for Laravel) now comes with a Vite 8 plugin, SSR in dev, optimistic updates, and more.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://tanstack.com/blog/tanstack-db-0.6-app-ready-with-persistence-and-includes" rel="noopener noreferrer"&gt;TanStack DB 0.6 - Persistence, Offline Support, and Hierarchical Data&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://astro.build/blog/astro-610/" rel="noopener noreferrer"&gt;Astro 6.1 - Improved image optimization, markdown config, expose i18n fallback routes&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




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

&lt;p&gt;&lt;a href="https://github.com/marmelab/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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvar1q37a7q0ocey8vbjz.jpg" alt="Atomic CRM: The Open-Source CRM Toolkit for Developers" width="800" height="395"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://github.com/marmelab/atomic-crm" rel="noopener noreferrer"&gt;Atomic CRM: The Open-Source CRM Toolkit for Developers&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Stop struggling with locked-in CRMs and expensive seats. Atomic CRM gives you the power of a professional CRM with the total freedom of open-source.&lt;/p&gt;

&lt;p&gt;It’s the only toolkit that combines a high-end user experience with data sovereignty. No more lock-in, no more "renting" your contacts.&lt;/p&gt;

&lt;p&gt;Everything you need is already there:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Native Mobile App&lt;/strong&gt; for on-the-go access.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Intuitive Kanban Boards&lt;/strong&gt; for pipeline management.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Built-in Email Tracking&lt;/strong&gt; to stay on top of leads.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Free SSO&lt;/strong&gt; for seamless team integration.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;MCP Server Integration&lt;/strong&gt; for productivity gains.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Why settle for a black box SaaS when you can own the entire platform? &lt;a href="https://marmelab.com/atomic-crm/" rel="noopener noreferrer"&gt;Deploy Atomic CRM&lt;/a&gt; on your own infrastructure in minutes and regain control over your most valuable asset: your data.&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://github.com/software-mansion/react-native-executorch/releases/tag/v0.8.0" 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%2F4w1v7s9nmlmxmx7yedt5.jpg" alt="RN ExecuTorch 0.8" width="800" height="648"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://github.com/software-mansion/react-native-executorch/releases/tag/v0.8.0" rel="noopener noreferrer"&gt;RN ExecuTorch 0.8&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Software Mansion just dropped the biggest release to date for React Native ExecuTorch. Version 0.8 expands the library's capabilities far beyond its initial scope, introducing official support for bare React Native applications (no longer strictly tied to Expo) and deep integration with Vision Camera.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Key callouts:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Vision Camera Integration:&lt;/strong&gt; You can now seamlessly run ExecuTorch models directly on camera frames in real-time.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;New Computer Vision Models:&lt;/strong&gt; The release introduces powerful new CV hooks, such as &lt;code&gt;useInstanceSegmentation&lt;/code&gt; and &lt;code&gt;useSemanticSegmentation&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Bare RN Support:&lt;/strong&gt; You can now use ExecuTorch in bare React Native apps by utilizing the bare React Native resource fetcher instead of the Expo one.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Expanded NLP:&lt;/strong&gt; Continues to grow its Natural Language Processing suite with implementations for Speech-to-Text, Text-to-Speech, Text Embeddings, and more.&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://frontendmasters.com/courses/react-performance-v2/?utm_source=reactweekly&amp;amp;utm_medium=email&amp;amp;utm_campaign=reactperf" rel="noopener noreferrer"&gt;Make React apps fast where it actually matters. Learn how to diagnose real bottlenecks and fix slow, janky React apps using modern React 19 patterns.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://vue.lynxjs.org/" rel="noopener noreferrer"&gt;Lynx Vue&lt;/a&gt; - Vue + Lynx = Vue Native? An AI-powered attempt to bridge native development with a popular framework.&lt;/li&gt;
&lt;li&gt;🗓️ &lt;a href="https://appjs.co/?utm_source=thisweekinreact" rel="noopener noreferrer"&gt;App.js Conf&lt;/a&gt; - 🇵🇱 Kraków - 27-29 May - Join Charlie Cheever, William Candillon, Jay Meistrich, Perttu Lähteenlahti, and more! Prices increase in May—secure your seat now. Get a 15% discount with code "TWIR".&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/how-fig-keeps-millions-eating-safely-with-a-five-engineer-team-and-expo" rel="noopener noreferrer"&gt;Fig case study&lt;/a&gt; - How five engineers can scale to millions of users with Expo to provide crucial info about dietary needs.
📦 &lt;a href="https://github.com/RamboWasReal/react-native-preflight" rel="noopener noreferrer"&gt;Preflight - Simplify Maestro E2E testing for React Native&lt;/a&gt; - deep link to any screen, inject state, compare visual regressions with reports, router agnostic.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/AlirezaHadjar/react-native-fast-confetti/releases/tag/v2.0.0-beta.2" rel="noopener noreferrer"&gt;Fast Confetti 2.0&lt;/a&gt; - Rewritten composition API and physics engine, more customization and natural feeling animations.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.reactnative.run/" rel="noopener noreferrer"&gt;ReactNative.run&lt;/a&gt; - Run React Native in a browser, Metro bundler mapped to the web. Similar concept to Expo Snack.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/agent-device/releases/tag/v0.11.0%20" rel="noopener noreferrer"&gt;Agent Device 0.11&lt;/a&gt; - iOS Simulator no longer takes focus from the current window + lots of fixes and small features&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.callstack.com/blog/brownie-a-type-safe-shared-state-workflow-for-brownfield-react-native" rel="noopener noreferrer"&gt;Brownie 3.5 - Shared-State Workflow for Brownfield now with Android support.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/Guccio163/react-native-reshuffled" rel="noopener noreferrer"&gt;Reshuffled 0.2 - Nitro-powered grid layout - onDragEnd worklet callbacks&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/infinitered/reactotron/releases/tag/reactotron-app%403.9.0" rel="noopener noreferrer"&gt;Reactotron 3.9 - MCP server integration&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/pawicao/react-native-header-motion/releases/tag/v1.0.0" rel="noopener noreferrer"&gt;React Native Header Motion 1.0 - New context-first header API, explicit navigation bridging, better performance&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/jpudysz/react-native-unistyles/releases/tag/v3.2.0" rel="noopener noreferrer"&gt;Unistyles 3.2 - Add support for dropShadow, Suspense trees, RTL ShadowTree updates on Android&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/MeliValesca/react-native-morph-card" rel="noopener noreferrer"&gt;Morph Card - Native card-to-modal morph transition&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://github.com/software-mansion-labs/skills/tree/main/skills/react-native-best-practices" rel="noopener noreferrer"&gt;Software Mansion skills&lt;/a&gt; - Best practices, AI skills for animations, gestures, SVG, and libraries maintained by SWM.&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://github.com/react-navigation/skills" rel="noopener noreferrer"&gt;React Navigation AI skills&lt;/a&gt; - Official guidelines that help with migration to newer versions and static config.&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://www.callstack.com/blog/announcing-codex-plugins-for-react-native-development" rel="noopener noreferrer"&gt;Codex plugins for React Native development&lt;/a&gt; - Build and test RN apps in Codex.&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=t3rTRMDoev8" rel="noopener noreferrer"&gt;William Candillon - React Native WebGPU in 100 seconds&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=EWZZ-qekCW0" rel="noopener noreferrer"&gt;Beto - react-i18next in React Native &amp;amp; Expo&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://infinite.red/react-native-radio/rnr-358-react-native-for-meta-quest-part-2-developer-friendly" rel="noopener noreferrer"&gt;React Native Radio 358 - React Native for Meta Quest Part 2: Developer Friendly&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.stepsecurity.io/blog/axios-compromised-on-npm-malicious-versions-drop-remote-access-trojan" rel="noopener noreferrer"&gt;axios Compromised on npm - Malicious Versions Drop Remote Access Trojan&lt;/a&gt; - &lt;code&gt;axios@1.14.1&lt;/code&gt; and &lt;code&gt;axios@0.30.4&lt;/code&gt; have been compromised for approximately 4 hours on 30 March, and you might have too if you installed dependencies during that time frame. Even if you don’t use it directly, it’s probably a transitive dependency in your projects. Make sure to follow the defensive measures, such as adding &lt;code&gt;min-release-age=7d&lt;/code&gt; to your &lt;code&gt;.npmrc&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://willybrauner.com/journal/signal-the-push-pull-based-algorithm" rel="noopener noreferrer"&gt;Signals, the push-pull based algorithm&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/chenglou/pretext" rel="noopener noreferrer"&gt;Pretext - Text measurement and layout algorithm in pure TypeScript&lt;/a&gt; - This innovative lib went viral this week, with fun/impressive but useless demos everywhere. However, the lib unlocks real new possibilities that are impossible or inefficient to achieve with DOM/CSS, as explained in this related article: &lt;a href="https://denodell.com/blog/youre-looking-at-the-wrong-pretext-demo" rel="noopener noreferrer"&gt;You're Looking at the Wrong Pretext Demo&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://developer.chrome.com/blog/element-scoped-view-transitions" rel="noopener noreferrer"&gt;Chrome 147 - &lt;code&gt;Element.startViewTransition()&lt;/code&gt;&lt;/a&gt; - The first browser to ship element-scoped view transitions, enabling multiple view transitions to run simultaneously.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/microsoft/playwright/releases/tag/v1.59.0" rel="noopener noreferrer"&gt;Playwright 1.59 - Screencast recording, observability for agents, &lt;code&gt;await using&lt;/code&gt;&lt;/a&gt; - New features that could be helpful to give feedback to AI agents, and post review videos in PRs.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://vercel.com/blog/making-turborepo-ninety-six-percent-faster-with-agents-sandboxes-and-humans" rel="noopener noreferrer"&gt;Turborepo 2.9 - 96% faster with agents, sandboxes, and humans&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/huggingface/transformers.js/releases/tag/4.0.0" rel="noopener noreferrer"&gt;Transformers.js 4.0 - Machine Learning for the web - New WebGPU backend&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://nodejs.org/en/blog/release/v25.9.0" rel="noopener noreferrer"&gt;Node.js 25.9 - Test runner module mocking improvements, &lt;code&gt;using&lt;/code&gt; + AsyncLocalStorage, &lt;code&gt;stream/iter&lt;/code&gt; API&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/rickyfm/status/2039340328050659803" 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%2Fqoy6y6w4ups9u4ms31b5.jpg" alt="alt" width="800" height="163"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://x.com/tannerlinsley/status/2021633622244299131" 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%2Fk9ae1xoal9o3ot0zmxri.jpg" alt="alt" width="800" height="554"&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 #274 ⚛️ Next.js, React Router, Storybook, HeroUI| 📱 Reanimated, Worklets, Nitro Fetch, Navigation | 🔀 TypeScript, Signals</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 27 Mar 2026 13:58:11 +0000</pubDate>
      <link>https://forem.com/sebastienlorber/this-week-in-react-274-nextjs-react-router-storybook-heroui-reanimated-worklets-nitro-1l37</link>
      <guid>https://forem.com/sebastienlorber/this-week-in-react-274-nextjs-react-router-storybook-heroui-reanimated-worklets-nitro-1l37</guid>
      <description>&lt;p&gt;Hi everyone, Seb here 👋!&lt;/p&gt;

&lt;p&gt;This week: a new Next.js release, a React Aria-based UI library, Remotion updates, Storybook MCP, and more.&lt;/p&gt;

&lt;p&gt;On React Native, multi-threading keeps improving (Worklets, Reanimated), and React Navigation v8 looks close.&lt;/p&gt;

&lt;p&gt;Sorry for the weird duplicate email last week, just a mistake 😅&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the &lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" rel="noopener noreferrer"&gt;official newsletter&lt;/a&gt; to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" 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%2Fz4uz6ixhzg21rrks3os9.png" alt="banner" width="800" height="373"&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=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=1st" 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%2Fcjdvmtgrmkc7ktvbp18m.jpg" alt="Still writing tests manually?" width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=1st" rel="noopener noreferrer"&gt;Still writing tests manually?&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Notion, Dropbox and LaunchDarkly have found a new testing paradigm - and they can't imagine working without it. Built by &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=11march&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;ex-Palantir engineers&lt;/a&gt;, Meticulous autonomously creates a continuously evolving suite of E2E UI tests that delivers &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=11march&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;near-exhaustive coverage&lt;/a&gt; with &lt;em&gt;zero developer effort&lt;/em&gt; - impossible to deliver by any other means. &lt;/p&gt;

&lt;p&gt;It works like magic in the background:&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;&lt;strong&gt;No maintenance (seriously)&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Zero flakes (built on a deterministic browser)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;🤨&lt;/strong&gt; Curious? &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=11march&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;Book in a time to learn more&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://nextjs.org/blog/next-16-2" 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%2Foarfs0wudcgfo0agszaj.jpg" alt="Next.js 16.2" width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;A great minor release that comes with significant performance improvements, but also impactful DX improvements and new interesting features:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;~400% faster &lt;code&gt;next dev&lt;/code&gt; startup&lt;/li&gt;
&lt;li&gt;~50% faster rendering thanks to a React core RSC contribution&lt;/li&gt;
&lt;li&gt;Redesigned error page&lt;/li&gt;
&lt;li&gt;Server Function logging in dev&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;next dev --inspect&lt;/code&gt; to attach a Node.js debugger&lt;/li&gt;
&lt;li&gt;Link &lt;code&gt;transitionTypes&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Dev Overlay now renders &lt;code&gt;Error.cause&lt;/code&gt; and a hydration diff indicator to identify client/server&lt;/li&gt;
&lt;li&gt;Many new experimental features&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://nextjs.org/blog/next-16-2-ai" rel="noopener noreferrer"&gt;AI improvements&lt;/a&gt;: generates &lt;code&gt;AGENTS.md&lt;/code&gt; to read versioned docs for agents, browser log forwarding, agent devtools CLI.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://nextjs.org/blog/next-16-2-turbopack" rel="noopener noreferrer"&gt;Turbopack improvements&lt;/a&gt;: Faster builds, Server Fast Refresh, tree shaking of dynamic imports, PostCSS config, Subresource Integrity, inline loader config, and more.&lt;/li&gt;
&lt;/ul&gt;

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

&lt;ul&gt;
&lt;li&gt;📜&lt;a href="https://aurorascharff.no/posts/implementing-nextjs-16-use-cache-with-next-intl-internationalization/" rel="noopener noreferrer"&gt;Implementing Next.js 16 'use cache' with next-intl Internationalization&lt;/a&gt; - Recently updated to include usage of the new &lt;code&gt;experimental.rootParams&lt;/code&gt; feature, letting cached components read the locale directly instead of receiving it as a prop.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://aurorascharff.no/posts/error-handling-in-nextjs-with-catch-error" rel="noopener noreferrer"&gt;Error Handling in Next.js with catchError&lt;/a&gt; - This new &lt;code&gt;unstable_catchError()&lt;/code&gt; API is a framework-aware alternative to &lt;code&gt;react-error-boundary&lt;/code&gt; that discards Next.js control flow errors and can refetch RSC data.&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=PXq6awYzfT8" rel="noopener noreferrer"&gt;Ankita Kulkarni - Next.js 16.2 Just Changed AI Coding Forever&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-mar25" rel="noopener noreferrer"&gt;Product for Engineers - WTF does a product manager do? (and why engineers should care)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://neciudan.dev/name-your-effects" rel="noopener noreferrer"&gt;Start naming your useEffect functions, you will thank me later&lt;/a&gt; - Advocates for giving an inline name to Effect functions to convey your intent, even if it’s encapsulated within a custom hook. If you can’t find a decent name, maybe the Effect does too much or should not exist.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://saschb2b.com/blog/use-hook-react" rel="noopener noreferrer"&gt;use(): The Hook That Breaks the Rules (On Purpose)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://tkdodo.eu/blog/test-ids-are-an-a11y-smell" rel="noopener noreferrer"&gt;Test IDs are an a11y smell&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://raphaelbronsveld.com/blog/type-safety-in-react-router" rel="noopener noreferrer"&gt;Type Safety in React Router&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://pavi2410.com/blog/post-react-compiler-coding-guide/" rel="noopener noreferrer"&gt;Post-React Compiler React Coding Guide (For AI Agents)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://blog.sentry.io/setting-up-next-js-source-maps-sentry/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=nextjs-fy27q1-nextjs&amp;amp;utm_content=newsletter-link-blog-sourcemaps-learnmore" rel="noopener noreferrer"&gt;Sentry - Why your Next.js stack traces point to random chunks (and how to fix it)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/remix-run/react-router/blob/main/CHANGELOG.md#v7132" rel="noopener noreferrer"&gt;React Router 7.13.1 &amp;amp; 7.13.2&lt;/a&gt; - Recent patches introduced new unstable APIs such as the &lt;code&gt;getRequest()&lt;/code&gt; API for RSCs, and a future flag to access “pass-through” (un-normalized) &lt;code&gt;Request&lt;/code&gt; objects. The &lt;code&gt;&amp;lt;Link unstable_mask&amp;gt;&lt;/code&gt; makes it easier to implement URL masking, letting you replicate Instagram-like UX: open gallery images in a modal, and render them full screen on refresh.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://heroui.com/docs/react/releases/v3-0-0" rel="noopener noreferrer"&gt;HeroUI 3.0&lt;/a&gt; - We usually don’t feature most UI libraries, but this one, based on React Aria and Tailwind, has been cooking for a while, and looks more polished than the average UI lib. Although it’s not a cross-platform abstraction, it offers a React Native variant using similar composition patterns and design tokens.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/storybookjs/storybook/releases/tag/v10.3.0" rel="noopener noreferrer"&gt;Storybook 10.3 - MCP, Vite 8, Next.js 16.2, ESLint 10&lt;/a&gt; - There’s a dedicated article on the &lt;a href="https://storybook.js.org/blog/storybook-mcp-for-react/" rel="noopener noreferrer"&gt;Storybook MCP for React&lt;/a&gt;&lt;strong&gt;.&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://lucide.dev/guide/version-1" rel="noopener noreferrer"&gt;Lucide Icons 1.0&lt;/a&gt; - Quite popular icon solution in React and shacn/ui.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/facebook/lexical/releases/tag/v0.42.0" rel="noopener noreferrer"&gt;Lexical 0.42 - Extensible text editor framework from Meta&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/ddoemonn/hiraki" rel="noopener noreferrer"&gt;Hiraki - Zero-dependency React drawer component&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/vercel-labs/json-render/pull/240" rel="noopener noreferrer"&gt;json-render Ink - Generative UI for the terminal, comes with 27 React components&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=EayVHo7XTEg" rel="noopener noreferrer"&gt;Jonny Burger - Remotion is getting even better!&lt;/a&gt; - Cool features landed recently in the React video creation tool, such as Light Leaks, Sound Effects, Rspack, and AI-related improvements. Let’s not forget the &lt;a href="https://www.youtube.com/watch?v=ppYO5COPGXk" rel="noopener noreferrer"&gt;integration with Vercel Sandbox&lt;/a&gt;: I wouldn’t be surprised if we could soon fully vibe-code videos directly in the cloud.&lt;/li&gt;
&lt;/ul&gt;




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

&lt;p&gt;&lt;a href="https://fandf.co/4cGtUp9" 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%2Fufhnyxo8pl341dgtcvr7.jpg" alt="React Native for Fire TV App Development" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://fandf.co/4cGtUp9" rel="noopener noreferrer"&gt;React Native for Fire TV App Development&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Your existing React Native codebase can now run on Fire TV with minimal changes, thanks to Amazon Developer’s new operating system, Vega. What’s included:   &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;40+ open-source libraries you already rely on, like reanimated  &lt;/li&gt;
&lt;li&gt;Reduced bundle size - React Native is built into the OS and dynamically linked  &lt;/li&gt;
&lt;li&gt;Vega Module Resolver Preset (VMRP) to automatically replace libraries with their Vega-platform ported equivalencies  &lt;/li&gt;
&lt;li&gt;Vega Studio, a VS code-extension, for building, testing, and optimizing Vega apps  &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Ready to reach new audiences? Check out our getting started guide.&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://github.com/software-mansion/react-native-reanimated/releases/tag/worklets-0.8.0" 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%2Fjxxwlr5gvvenpu0nwy35.jpg" alt="Worklets 0.8 - Shareable, Bundle mode improvements" width="800" height="320"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/software-mansion/react-native-reanimated/releases/tag/worklets-0.8.0" rel="noopener noreferrer"&gt;Worklets 0.8 - Shareable, Bundle mode improvements&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It’s now easier to use the Bundle mode, which unlocks running &lt;a href="https://x.com/swmansion/status/2036489933490110922" rel="noopener noreferrer"&gt;more complex things in background threads&lt;/a&gt;. Also read the dedicated article on &lt;a href="https://x.com/swmansion/status/2034667004297183312" rel="noopener noreferrer"&gt;Shareable – shared memory's missing piece&lt;/a&gt;, a runtime-bound shared memory primitive that was extracted from Reanimated, and that you can now use for non-animation use cases too!&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://frontendmasters.com/courses/react-performance-v2/?utm_source=reactweekly&amp;amp;utm_medium=email&amp;amp;utm_campaign=reactperf" rel="noopener noreferrer"&gt;Make React apps fast where it actually matters. Learn how to diagnose real bottlenecks and fix slow, janky React apps using modern React 19 patterns.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🔐 &lt;a href="https://www.aikido.dev/blog/glassworm-strikes-react-packages-phone-numbers" rel="noopener noreferrer"&gt;Glassworm Strikes Popular React Native Phone Number Packages in Supply Chain Attack&lt;/a&gt; - Affects &lt;code&gt;react-native-country-select&lt;/code&gt; and &lt;code&gt;react-native-international-phone-number&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://codewithbeto.dev/blog/glow-input-reanimated-css" rel="noopener noreferrer"&gt;Glow Effect on TextInput with Reanimated CSS Animations&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/how-fieldy-adopted-expo-for-their-ai-wearable" rel="noopener noreferrer"&gt;From skeptic to convert: how Fieldy adopted Expo for their AI wearable&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/react-native-reanimated/releases" rel="noopener noreferrer"&gt;Reanimated 4.3 - CSS animations for SVG, Shared Values on multiple threads, typesafety&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.17.0" rel="noopener noreferrer"&gt;React Navigation 7.17 - New &lt;code&gt;.with()&lt;/code&gt; method on static config to add a wrapper around the navigator&lt;/a&gt; - Also available in v8.alpha. React Navigation &lt;a href="https://x.com/reactnavigation/status/2036819119194964031" rel="noopener noreferrer"&gt;wants us to use the Static API&lt;/a&gt; more. It unlocks automatic type inference and deep linking, and yet covers most dynamic use cases.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/googlemaps/react-native-navigation-sdk" rel="noopener noreferrer"&gt;React Native Navigation SDK&lt;/a&gt; - TIL that Google provides an official React Native library for Google Maps (in beta).&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.swift.org/blog/swift-6.3-released/" rel="noopener noreferrer"&gt;Swift 6.3 - C interop, module selectors, Swift Build preview, Android SDK, and more&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/margelo/react-native-nitro-fetch/releases/tag/v0.2.0" rel="noopener noreferrer"&gt;Nitro Fetch 0.2 - Add support for Streaming, formData, AbortController, RN 0.85&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/microsoft/react-native-windows/releases/tag/react-native-windows_v0.82.0" rel="noopener noreferrer"&gt;React Native Windows 0.82 - New-Architecture only&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/rozenite/releases" rel="noopener noreferrer"&gt;Rozenite 1.5 &amp;amp; 1.6 - DevTools for AI Agents, new File System plugin&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/mrousavy/react-native-mmkv/releases/tag/v4.3.0" rel="noopener noreferrer"&gt;MMKV 4.3 - MMKV upgrade, &lt;code&gt;compareBeforeSet&lt;/code&gt; optimization, configure default log level at build time&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/uni-stack/uniwind/releases/tag/v1.6.0" rel="noopener noreferrer"&gt;Uniwind 1.6 - Border curve utilities&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/wix/Detox/releases" rel="noopener noreferrer"&gt;Detox 20.48-50 - Support simulator launch &lt;code&gt;--arch&lt;/code&gt;, liquidGlass overlay&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/agent-device/releases/tag/v0.10.0" rel="noopener noreferrer"&gt;Agent Device 0.10 - Can control macOS apps&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=zUfPhL_EU2Y" rel="noopener noreferrer"&gt;Beto - React Navigation v8 Crash Course — Liquid Glass, Tabs &amp;amp; More&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=OwgUx22bU0U" rel="noopener noreferrer"&gt;notJust.dev - State of React Native - What's new in 2026&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://infinite.red/react-native-radio/rnr-357-react-native-082084-expo-55" rel="noopener noreferrer"&gt;RNR 357 - React Native 0.82–0.84 &amp;amp; Expo 55&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://shift.infinite.red/fix-flaky-jest-tests-in-ci-with-maxworkers-and-why-it-works-e3d3189f35a4" rel="noopener noreferrer"&gt;Fix Flaky Jest Tests in CI with maxWorkers (and why it works)&lt;/a&gt; - Tests parallelization can lead to timeouts, but you can fine-tune parameters to reduce test time and flakiness.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://adventures.nodeland.dev/archive/who-is-responsible-for-ai-generated-code/" rel="noopener noreferrer"&gt;Who Is Responsible for AI-Generated Code?&lt;/a&gt; - Will Node.js ban AI-generated code from its core, even when there’s a human in the loop?&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://43081j.com/2026/03/three-pillars-of-javascript-bloat" rel="noopener noreferrer"&gt;The Three Pillars of JavaScript Bloat&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://devblogs.microsoft.com/typescript/announcing-typescript-6-0/" rel="noopener noreferrer"&gt;TypeScript 6.0&lt;/a&gt; - A “bridge” release toward the 7.0 Go rewrite, which is almost complete. This release also changes defaults (&lt;code&gt;strict: true&lt;/code&gt;, &lt;code&gt;types: []&lt;/code&gt;...), improves subpath imports, adds types for Temporal and upsert, and more.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://jovidecroock.com/blog/mixed-signals/" rel="noopener noreferrer"&gt;Mixed Signals - Bridging the Server-Client Boundary with Signals&lt;/a&gt; - The Preact team is working on a new transport-agnostic solution in which the reactive signal graph spans the network boundary.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://wasmer.io/posts/edgejs-safe-nodejs-using-wasm-sandbox" rel="noopener noreferrer"&gt;Edge.js - Running Node apps inside a WebAssembly Sandbox&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://zero.rocicorp.dev/docs/release-notes/1.0" rel="noopener noreferrer"&gt;Zero 1.0 - Sync engine is now stable e&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://arrow-js.com/" rel="noopener noreferrer"&gt;ArrowJS - UI framework for the agentic era&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://valibot.dev/blog/valibot-v1.3-release-notes/" rel="noopener noreferrer"&gt;Valibot 1.3 - Smarter pipelines, result caching, and new validators&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/2036735446722527741" 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%2Fzpnluy13uhn4kodrqx5d.jpg" alt="alt" width="800" height="245"&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 #273 : ⚛️ RedwoodSDK, Next.js, TanStack, RSC | 📱 Expo UI, Ease, Expo APIs, Keyboard | 🔀 TC39, Temporal, Vite</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 20 Mar 2026 14:28:51 +0000</pubDate>
      <link>https://forem.com/sebastienlorber/this-week-in-react-273-redwoodsdk-nextjs-tanstack-rsc-expo-ui-ease-expo-apis-1gk3</link>
      <guid>https://forem.com/sebastienlorber/this-week-in-react-273-redwoodsdk-nextjs-tanstack-rsc-expo-ui-ease-expo-apis-1gk3</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, RedwoodSDK 1.0 dropped, and other meta-frameworks improved their SSR performance. A bunch of content related to Async React and the TanStack too!&lt;/p&gt;

&lt;p&gt;On the React Native side, Expo UI support for Jetpack Compose is quite exciting. A new animation library could also be an interesting alternative to Reanimated CSS transitions.&lt;/p&gt;

&lt;p&gt;Temporal has finally reached stage 4! We also have great announcements from the Vue.js conf that remain relevant for React developers, notably Vite 8.&lt;/p&gt;

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




&lt;p&gt;💡 Subscribe to the &lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" rel="noopener noreferrer"&gt;official newsletter&lt;/a&gt; to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" 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%2Fz4uz6ixhzg21rrks3os9.png" alt="banner" width="800" height="373"&gt;&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://coderabbit.link/twir" 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%2F0wbj5ok3bklh0wg25a5w.jpg" alt="Cut Code Review Time &amp;amp; Bugs in Half" width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://coderabbit.link/twir" rel="noopener noreferrer"&gt;Cut Code Review Time &amp;amp; Bugs in Half&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Code reviews are critical but time-consuming. CodeRabbit acts as your AI co-pilot, providing instant Code review comments and potential impacts of every pull request.&lt;/p&gt;

&lt;p&gt;Beyond just flagging issues, CodeRabbit provides one-click fix suggestions and lets you define custom code quality rules using AST Grep patterns, catching subtle issues that traditional static analysis tools might miss.&lt;/p&gt;

&lt;p&gt;CodeRabbit reviews 1 million PRs every week across 3 million repositories and is used by 100 thousand Open-source projects.&lt;/p&gt;

&lt;p&gt;CodeRabbit is free for all open-source repo's.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://coderabbit.link/twir" rel="noopener noreferrer"&gt;Get Started Today&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://rwsdk.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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fynni54z79pqb2mynsxn3.jpg" alt="RedwoodSDK 1.0" width="800" height="422"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://rwsdk.com/" rel="noopener noreferrer"&gt;RedwoodSDK 1.0&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The former RedwoodJS meta-framework has &lt;a href="https://rwsdk.com/blog/redwoodjs-to-redwoodsdk" rel="noopener noreferrer"&gt;pivoted to RedwoodSDK&lt;/a&gt;, and it now has its first stable release. This time, it bets on Vite, React Server Components, and Cloudflare (using Durable Objects for its &lt;code&gt;useSyncedState()&lt;/code&gt; realtime feature). It promises explicit APIs for clarity (no convention, no magic behavior) through composable web-based primitives.&lt;/p&gt;

&lt;p&gt;The choice of being tightly coupled to Cloudflare might surprise you, but they explain it in this &lt;a href="https://rwsdk.com/blog/why-cloudflare-unified-platform" rel="noopener noreferrer"&gt;article&lt;/a&gt;. They are building abstractions on top of Cloudflare Bindings and Durable Objects to become service-agnostic while remaining platform-optimized. Similarly, Evan You has recently announced &lt;a href="https://void.cloud/" rel="noopener noreferrer"&gt;Void.cloud&lt;/a&gt; – a Vite-native deployment platform based on Cloudflare – and explained that &lt;a href="https://x.com/youyuxi/status/2032501581644497139" rel="noopener noreferrer"&gt;“the lock-in is what makes the DX possible”&lt;/a&gt;. Time will tell how this story compares to Next.js and OpenNext 🤪.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://pscale.link/rw" rel="noopener noreferrer"&gt;PlanetScale - Faster apps start with a faster database. Get started with the fastest benchmarked Postgres and MySQL.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/vercel/next.js/pull/90933" rel="noopener noreferrer"&gt;Next.js PR - Update vercel/og and Satori&lt;/a&gt; - This greatly improves the performance of &lt;code&gt;ImageResponse&lt;/code&gt; and unlocks new features.&lt;/li&gt;
&lt;li&gt;🗓 &lt;a href="https://react.paris/?utm_source=thisweekinreact" rel="noopener noreferrer"&gt;React Paris - Workshop Day&lt;/a&gt; - 🇫🇷 Paris - 25 Mar. Deep-dive into React Query and/or nuqs with industry experts. Limited seats available — get 50% off with code "TWIR_WS".&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.aha.io/engineering/articles/why-we-rolled-our-own-rsc-framework" rel="noopener noreferrer"&gt;Why we rolled our own React Server Components framework&lt;/a&gt; - The Aha! engineering team built their own customizable RSC framework. The Vite RSC plugin absorbs much of the complexity. This article shows how you can do it too, and when it could make sense to do so.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://x.com/alvinsng/status/2033969062834045089" rel="noopener noreferrer"&gt;Why we banned React's useEffect&lt;/a&gt; - The Factory team chose to forbid direct usage of &lt;code&gt;useEffect()&lt;/code&gt; through an ESLint rule, reducing bugs and complexity. Its usage often compensates for something React already gives better primitives for.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://dev.to/playfulprogramming/two-react-design-choices-developers-dont-like-but-cant-avoid-d6g"&gt;Two React Design Choices Developers Don’t Like—But Can’t Avoid&lt;/a&gt; - Ryan Carniato explains why React defers state updates and has an effect dependency array. While designing Solid 2.0, he realized that the Async world has constraints that even signal-based frameworks need to take into consideration.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://blog.platformatic.dev/react-ssr-framework-benchmark-tanstack-start-react-router-nextjs" rel="noopener noreferrer"&gt;React SSR Benchmark: TanStack, React Router, Next.js&lt;/a&gt; - A stress-test of popular React meta-frameworks that led framework authors to fix many performance bottlenecks.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://tanstack.com/blog/tanstack-start-5x-ssr-throughput" rel="noopener noreferrer"&gt;TanStack Start - 5x SSR Throughput after profiling SSR Hot Paths&lt;/a&gt; - Based on the benchmark above, the TanStack team explains the methodology used to uncover SSR bottlenecks and how they significantly improved the performance under heavy load.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.nonsoo.com/posts/async-react" rel="noopener noreferrer"&gt;From Fiber to Async React&lt;/a&gt; - An interactive deep dive into React Async features.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://inside-react.vercel.app/blog/making-sense-of-key-prop-in-react" rel="noopener noreferrer"&gt;Making sense of 'key' prop in React&lt;/a&gt; - A refresher on why keys matter and how &lt;code&gt;index&lt;/code&gt; or &lt;code&gt;Math.random()&lt;/code&gt; can break state and reconciliation.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-mar18" rel="noopener noreferrer"&gt;Product for Engineers - The engineeringification of everything&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://nextjs.org/blog/next-16-2-ai" rel="noopener noreferrer"&gt;Next.js 16.2 - AI Improvements&lt;/a&gt; - Agents are asked to read versioned docs at &lt;code&gt;node_modules/next/dist/docs/&lt;/code&gt;, browser logs can be forwarded to the terminal, Dev Server lockfile, and a new experimental agent DevTools CLI.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/hakimel/reveal.js/releases/tag/6.0.0" rel="noopener noreferrer"&gt;Reveal.js 6.0 - Presentation Framework - New &lt;code&gt;@revealjs/react&lt;/code&gt; integration package&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://base-ui.com/react/overview/releases/v1-3-0" rel="noopener noreferrer"&gt;Base UI 1.3 - Drawer is stable, Label for Combobox/Select/Slider, and more&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://vercel.com/changelog/streamdown-2-5" rel="noopener noreferrer"&gt;Streamdown 2.5 - Inline KaTeX support, staggered streaming animations, and more&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://vercel.com/changelog/ai-elements-1-9" rel="noopener noreferrer"&gt;AI Elements 1.9 - New JSXPreview to render incomplete JSX, agent skills, and more&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/TanStack/query/releases/tag/%40tanstack/query-core%405.91.0" rel="noopener noreferrer"&gt;TanStack Query 5.91 - New &lt;code&gt;environmentManager&lt;/code&gt; API&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🕹️ &lt;a href="https://cant-maintain.saschb2b.com/" rel="noopener noreferrer"&gt;Can’t Maintain - React Component API Game&lt;/a&gt; - A fun interactive quiz to teach you component API design lessons.&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=9yI5cgFAhTw" rel="noopener noreferrer"&gt;Alem Tuzlak - TanStack AI Just Got a Huge Upgrade: Generation Hooks, Lazy Tools, Realtime &amp;amp; Middleware&lt;/a&gt; - On the &lt;a href="https://tanstack.com/blog" rel="noopener noreferrer"&gt;TanStack blog&lt;/a&gt;, you’ll find many updates about their AI packages. Not strictly about React, but you’ll learn about React-specific integrations such as a &lt;code&gt;useRealtimeChat()&lt;/code&gt; that hides the complexity of connecting directly to a voice AI provider, or generation hooks that integrate nicely with TanStack Start.&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=yti156CvGlc" rel="noopener noreferrer"&gt;Austin Davis - I Tried TanStack Form and I'm Not Going Back&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://syntax.fm/show/988/cloudflare-s-next-js-slop-fork" rel="noopener noreferrer"&gt;Syntax.fm 988 - Cloudflare’s Next.js Slop Fork&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/cookbook/structured-logging-logtape/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=logs-fy27q1-cookbook&amp;amp;utm_content=newsletter-logtape-secondary-trysentry" 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%2Fih364eay316fuw4smap0.jpg" alt="Make your logs queryable, not just readable" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://sentry.io/cookbook/structured-logging-logtape/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=logs-fy27q1-cookbook&amp;amp;utm_content=newsletter-logtape-secondary-trysentry" rel="noopener noreferrer"&gt;Make your logs queryable, not just readable&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;code&gt;console.log("here")&lt;/code&gt;doesn't cut it in production. Structured logs do.&lt;/p&gt;

&lt;p&gt;Use this tutorial to connect LogTape + Sentry and make every log searchable, queryable, and connected to your traces. When something breaks, you'll get the full picture: log events, error context, and Session Replay, all linked by trace ID.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Filter by user ID, order ID, or any custom field&lt;/li&gt;
&lt;li&gt;Attach context once, inherit it everywhere&lt;/li&gt;
&lt;li&gt;Alert when log patterns spike before users notice&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://sentry.io/cookbook/structured-logging-logtape/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=logs-fy27q1-cookbook&amp;amp;utm_content=newsletter-logtape-secondary-trysentry" rel="noopener noreferrer"&gt;See the full recipe ➡️&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://expo.dev/blog/expo-ui-in-sdk-55-jetpack-compose-now-available-for-react-native-apps" 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%2Fzlswauk3mpqw53mf0qx5.jpg" alt="Expo UI in SDK 55" width="800" height="420"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://expo.dev/blog/expo-ui-in-sdk-55-jetpack-compose-now-available-for-react-native-apps" rel="noopener noreferrer"&gt;Expo UI in SDK 55 - Jetpack Compose now available&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Expo SDK 55 brings major updates to Expo UI, moving Jetpack Compose support to beta and refining SwiftUI APIs to match Apple's official conventions more closely. Instead of reimplementing native components in JavaScript, Expo UI exposes the native UI frameworks directly to React Native.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Jetpack Compose support:&lt;/strong&gt; now includes enough Material Design 3 components (like &lt;code&gt;LazyColumn&lt;/code&gt;, &lt;code&gt;ModalBottomSheet&lt;/code&gt;, and &lt;code&gt;DockedSearchBar&lt;/code&gt;) to build complete apps, which was validated by building a full Wikipedia clone.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;SwiftUI: now it feels like SwiftUI:&lt;/strong&gt; renamed and restructured SwiftUI components to match their SwiftUI counterparts. &lt;code&gt;DateTimePicker&lt;/code&gt; is now &lt;code&gt;DatePicker&lt;/code&gt;, &lt;code&gt;Switch&lt;/code&gt; is now &lt;code&gt;Toggle&lt;/code&gt;, and &lt;code&gt;CircularProgress&lt;/code&gt; is now &lt;code&gt;ProgressView&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Familiar API surface:&lt;/strong&gt; It uses React's compound component pattern (e.g., &lt;code&gt;ListItem.Leading&lt;/code&gt;) to express Compose's composable lambdas in JSX, and aligns the modifier system so it works consistently across platforms.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI-Friendly:&lt;/strong&gt; Because the APIs intentionally mirror native Compose and SwiftUI documentation, AI assistants can easily generate correct Expo UI code relying on their existing native training data.&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;&lt;a href="https://github.com/AppAndFlow/react-native-ease" 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%2Fjkyqooo75gncghucwzu1.jpg" alt="React Native Ease - Lightweight declarative animations powered by platform APIs" width="800" height="229"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://github.com/AppAndFlow/react-native-ease" rel="noopener noreferrer"&gt;React Native Ease - Lightweight declarative animations powered by platform APIs&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;New animation library designed to handle simple transitions with maximum performance. While Reanimated is incredibly flexible, it runs JS on every frame on the UI thread, which can be overkill and cause flickering if the thread lags. &lt;code&gt;react-native-ease&lt;/code&gt; solves this by leveraging Core Animation on iOS and Animator on Android directly, resulting in zero JS overhead.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;CSS-like API:&lt;/strong&gt; Offers a highly simplified, declarative API inspired by CSS transitions. You simply wrap elements in an &lt;code&gt;&amp;lt;EaseView&amp;gt;&lt;/code&gt; component and pass an &lt;code&gt;animate&lt;/code&gt; prop.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Built for the basics:&lt;/strong&gt; Perfect for non-layout properties like opacity, transforms, background color, and border radius. It prevents the need to create hundreds of shared values just for simple press animations in lists.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI Migration Skill:&lt;/strong&gt; It includes an AI agent skill that can automatically scan your codebase, identify simple Animated/Reanimated implementations, and migrate them over to &lt;code&gt;react-native-ease&lt;/code&gt;.&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://frontendmasters.com/courses/react-performance-v2/?utm_source=reactweekly&amp;amp;utm_medium=email&amp;amp;utm_campaign=reactperf" rel="noopener noreferrer"&gt;Make React apps fast where it actually matters. Learn how to diagnose real bottlenecks and fix slow, janky React apps using modern React 19 patterns.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/the-next-generation-of-expo-apis-medialibrary-and-contacts" rel="noopener noreferrer"&gt;The next generation of Expo APIs: MediaLibrary and Contacts&lt;/a&gt; - Following the Filesystem update, Contacts and Media Library are getting the new object-oriented API treatment. The use of Shared Objects and Shared Refs offers better performance and simpler querying through deeper native module integration.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.callstack.com/blog/handling-navigation-in-react-native-brownfield-apps" rel="noopener noreferrer"&gt;Handling Navigation in React Native Brownfield Apps&lt;/a&gt; - Navigation for brownfield apps can be tricky. &lt;code&gt;@callstack/brownfield-navigation&lt;/code&gt; aims to simplify this process by wiring navigation in a clean, typed, and maintainable way.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://kirillzyusko.github.io/react-native-keyboard-controller/blog/chat-scroll-view" rel="noopener noreferrer"&gt;Keyboard Controller 1.2 - Chat Scroll View&lt;/a&gt; - Tackles layout thrashing during keyboard animations. This &lt;a href="https://medium.com/@iosemagno/how-we-eliminated-keyboard-animation-stutter-in-flutter-and-why-the-same-problem-haunts-react-2e15c37438b0" rel="noopener noreferrer"&gt;related article&lt;/a&gt; explains why Flutter and React Native suffer from the same keyboard animation stutter.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/jbroma/fast-flow-transform" rel="noopener noreferrer"&gt;Fast Flow Transform - Strip Flow types 20x faster than with Babel&lt;/a&gt; - This tool might help remove Babel entirely from your React Native pipeline and adopt a full Rust-based toolchain. Note that SWC is also working on &lt;a href="https://github.com/swc-project/swc/pull/11702" rel="noopener noreferrer"&gt;Flow types stripping&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/react-native-sandbox/releases/tag/v0.5.0" rel="noopener noreferrer"&gt;React Native Sandbox 0.5 - Now supports Android&lt;/a&gt; - Allows you to run multiple, isolated React Native instances within a single application&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/agent-device/pull/214" rel="noopener noreferrer"&gt;Agent Device 0.8.4 - Screenshot diff support&lt;/a&gt; - CLI tool for pixel-level image comparison.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion-labs/react-native-streamdown" rel="noopener noreferrer"&gt;React Native Streamdown - Markdown streaming for React Native&lt;/a&gt; - Can render incomplete Markdown documents, useful for streaming LLM chats.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/entropyconquers/react-native-reanimated-dnd" rel="noopener noreferrer"&gt;React Native Reanimated DnD 2.0 - Drag-and-drop library using Reanimated 4 and Gesture Handler&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/dannyhw/vite-plugin-rnw/releases/tag/v0.0.11" rel="noopener noreferrer"&gt;Vite Plugin RNW 0.0.11 - Vite 8 support for React Native Web&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=Z3FoZ4r_WY8" rel="noopener noreferrer"&gt;Simon Grimm - How to Build Smart TV Apps with React Native (Vega OS Guide)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=oAIqn44Y63c" rel="noopener noreferrer"&gt;Beto - This New React Native Animation Library Is Insane (Ease)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://www.youtube.com/watch?v=uI_8SP7awsA&amp;amp;list=PLSk21zn8fFZDX-LeaD7C3HjUr-R7a6-Kg" rel="noopener noreferrer"&gt;Software Mansion Podcast 1 - AI Made 20 Years of Learning Obsolete in 2 Months – Simon Grimm x Tomek Zawadzki&lt;/a&gt; - SWM is launching its new React Native podcast, while Rocket Ship is &lt;a href="https://podcast.galaxies.dev/episodes/why-i-m-pausing-the-rocket-ship-podcast-for-now" rel="noopener noreferrer"&gt;taking a break&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://infinite.red/react-native-radio/rnr-356-how-vercel-built-the-v0-app-with-react-native" rel="noopener noreferrer"&gt;React Native Radio 356 - How Vercel Built the v0 App 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://socket.dev/blog/tc39-advances-temporal-to-stage-4" rel="noopener noreferrer"&gt;TC39 Advances Temporal to Stage 4 Alongside Several ECMAScript Proposals&lt;/a&gt; - Great news for Temporal, being standardized in ECMAScript 2026. Import Text is also super useful and now stage 3.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://bloomberg.github.io/js-blog/post/temporal/" rel="noopener noreferrer"&gt;Temporal: The 9-Year Journey to Fix Time in JavaScript&lt;/a&gt; - From the origins of the Date API to the backstory of how Temporal got standardized. Remains to define how it will integrate with existing Web APIs, such as date inputs.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://blog.platformatic.dev/why-nodejs-needs-a-virtual-file-system" rel="noopener noreferrer"&gt;Why Node.js Needs a Virtual File System&lt;/a&gt; - A &lt;code&gt;node:vfs&lt;/code&gt; API should land as experimental in Node 24, and polyfills are already available for Node 22. Being able to load code generated at runtime can be quite useful!&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://vite.dev/blog/announcing-vite8" rel="noopener noreferrer"&gt;Vite 8.0 - Faster Rust-based Rolldown bundler&lt;/a&gt; - A major Vite release just dropped, based on the new unified Rust-based toolchain. The React plugin is also updated, and there’s a compatibility preset for the React Compiler.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://voidzero.dev/posts/announcing-vite-plus-alpha" rel="noopener noreferrer"&gt;Vite+ Alpha - The Unified Toolchain for the Web&lt;/a&gt; - The Void0 company finally decided that it will be free and under MIT license.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://oxc.rs/blog/2026-03-11-oxlint-js-plugins-alpha" rel="noopener noreferrer"&gt;Oxlint JS Plugins Alpha&lt;/a&gt; - Oxlint is already compatible with many ESLint rules, including React hooks and React Compiler rules. What’s most interesting is how they achieve good performance thanks to the low-level “raw transfer” mechanism.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://vitest.dev/blog/vitest-4-1.html" rel="noopener noreferrer"&gt;Vitest 4.1 - Support for Vite 8, test tags, new &lt;code&gt;aroundEach/All&lt;/code&gt; hooks, and more&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://bun.com/blog/bun-v1.3.11" rel="noopener noreferrer"&gt;Bun 1.3.11 - &lt;code&gt;Bun.cron&lt;/code&gt;, smaller on Linux, many bugfixes&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/AdamRackis/status/2033586304181502019" 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%2Fjcwy8mhf8el26ov9ehm9.jpg" alt="alt" width="800" height="894"&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 #272 : Astro, Compiler, Next.js, shadcn | Navigation, Expo Agent, Widgets, Activity | Node.js, Source Maps</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 13 Mar 2026 14:18:57 +0000</pubDate>
      <link>https://forem.com/sebastienlorber/this-week-in-react-272-astro-compiler-nextjs-shadcn-navigation-expo-agent-widgets-k38</link>
      <guid>https://forem.com/sebastienlorber/this-week-in-react-272-astro-compiler-nextjs-shadcn-navigation-expo-agent-widgets-k38</guid>
      <description>&lt;p&gt;Hi everyone! &lt;strong&gt;Filip and Tymek from &lt;a href="https://swmansion.com/?utm_source=thisweekinreact" rel="noopener noreferrer"&gt;Software Mansion&lt;/a&gt;&lt;/strong&gt; here! 👋&lt;/p&gt;

&lt;p&gt;Hope your week is going well 😄 In today's news, we bring you a slightly calmer React section, but there is much more going on in React Native. Astro 6.0 has been released, Expo announces an agentic platform and new SDK for observability and metrics, and React Navigation developers are planning to add a new way to load data in screens.&lt;/p&gt;

&lt;p&gt;There's more — interesting canary PRs for Next.js, React Native Evals, TypeScript 6.0 RC announcement, new guides from Expo, and beyond!&lt;/p&gt;

&lt;p&gt;Let's dive deep into the content 🎉&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the &lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" rel="noopener noreferrer"&gt;official newsletter&lt;/a&gt; to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" 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%2Fz4uz6ixhzg21rrks3os9.png" alt="banner" width="800" height="373"&gt;&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://blog.sentry.io/setting-up-next-js-source-maps-sentry/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=nextjs-fy27q1-nextjs&amp;amp;utm_content=newsletter-first-sponsor-blog-sourcemaps-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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcqy9z7msjpg2jp02q5gp.jpg" alt="Next.js Source Maps: From Random Chunks to Real Code" width="800" height="300"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://blog.sentry.io/setting-up-next-js-source-maps-sentry/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=nextjs-fy27q1-nextjs&amp;amp;utm_content=newsletter-first-sponsor-blog-sourcemaps-learnmore" rel="noopener noreferrer"&gt;Next.js Source Maps: From Random Chunks to Real Code&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;When &lt;a href="https://sentry.io/for/nextjs/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=nextjs-fy27q1-nextjs&amp;amp;utm_content=newsletter-first-sponsor-product-trysentry" rel="noopener noreferrer"&gt;Next.js builds your app&lt;/a&gt;, it compiles and minifies your code into chunks like &lt;strong&gt;static/chunks/12345-something.js&lt;/strong&gt;. When errors happen, your stack traces point there. Not to the code you actually wrote.&lt;/p&gt;

&lt;p&gt;This blog walks through how &lt;strong&gt;source maps&lt;/strong&gt; and &lt;strong&gt;debug IDs&lt;/strong&gt; wire things together, and how to configure Sentry to show real file names and line numbers in production.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;What actually happens to your code during build&lt;/li&gt;
&lt;li&gt;Why dev tools show readable traces but Sentry shows chunks&lt;/li&gt;
&lt;li&gt;How to simulate a production build so Sentry gets your source maps&lt;/li&gt;
&lt;li&gt;Troubleshooting missing or stale source maps&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://blog.sentry.io/setting-up-next-js-source-maps-sentry/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=nextjs-fy27q1-nextjs&amp;amp;utm_content=newsletter-first-sponsor-blog-sourcemaps-learnmore" rel="noopener noreferrer"&gt;&lt;strong&gt;Read the guide ➡️&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://astro.build/blog/astro-6/" 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%2Fimfk0ywebxxi9hdbgsjm.jpg" alt="Astro 6.0" width="800" height="342"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://astro.build/blog/astro-6/" rel="noopener noreferrer"&gt;Astro 6.0&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Astro 6.0 is out with a redesigned dev server, built-in font optimization, live content collections, and stable CSP support. It requires Node 22+, Vite 7, and Zod 4.&lt;/p&gt;

&lt;p&gt;Here's what's new:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Rebuilt on Vite's Environment API web server, so you now run your exact production runtime locally.&lt;/li&gt;
&lt;li&gt;Built-in Fonts API - configure fonts from local files or providers like Google. Astro handles backbone logic, including downloading, caching, and preloading links.&lt;/li&gt;
&lt;li&gt;Stable CSP support - with one config flag, Astro auto-hashes scripts and styles, and generates headers.&lt;/li&gt;
&lt;li&gt;Experimental Rust compiler - drop-in replacement for the Go-based compiler with better performance and diagnostics via &lt;code&gt;@astrojs/compiler-rs&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Experimental queued rendering and route caching.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;To upgrade to the latest Astro version, all you need to do is execute &lt;code&gt;npx @astrojs/upgrade&lt;/code&gt; - an interactive CLI will handle the rest.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-mar11" rel="noopener noreferrer"&gt;Product for Engineers - The hidden danger of shipping fast&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/vercel/next.js/pull/90701" rel="noopener noreferrer"&gt;Next.js PR - Add Link &lt;code&gt;transitionTypes&lt;/code&gt; prop&lt;/a&gt; - Calls &lt;code&gt;React.addTransitionType&lt;/code&gt; for each type during navigation, making it easy to trigger custom View Transitions per link.&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/en_JS/status/2031606726689173846" rel="noopener noreferrer"&gt;Joe Savona - "React Compiler: Rust edition is coming soon"&lt;/a&gt; - They are apparently porting the TypeScript-based compiler to Rust using AI.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://inside-react.vercel.app/blog/how-state-updates-work-internally" rel="noopener noreferrer"&gt;How state updates work internally&lt;/a&gt; - A detailed technical explanation of why &lt;code&gt;setState&lt;/code&gt; doesn't update the value immediately. Walks through Fiber's linked-list hook storage and shows why setting state via function versus value behaves differently when called multiple times.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.patreon.com/posts/seven-years-to-typescript-152144830" rel="noopener noreferrer"&gt;Seven Years to TypeScript: Migrating 11,000 Files at Patreon&lt;/a&gt; - Documents Patreon's full frontend migration from JS to TS across 11,000 files and 1M+ lines of code, including old React conventions, patterns, and APIs (React Classes, PropTypes, HOC). The real work came in phases - building typed foundations first, then combining codemods and AI workflows.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://newsletter.pragmaticengineer.com/p/the-pulse-cloudflare-rewrites-nextjs" rel="noopener noreferrer"&gt;Cloudflare rewrites Next.js as AI rewrites commercial open source&lt;/a&gt; - A well-sourced summary of Cloudflare’s Vinext situation. It will likely take more than a rewrite to make it a viable solution.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://amplifying.ai/research/claude-code-picks" rel="noopener noreferrer"&gt;What Claude Code Actually Chooses&lt;/a&gt; - Analyzed 2,430 real Claude Code sessions across 20 tool categories. Depicts which React libs Claude picks, driving extra growth.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.smashingmagazine.com/2026/03/building-dynamic-forms-react-next-js/" rel="noopener noreferrer"&gt;Building Dynamic Forms In React And Next.js&lt;/a&gt; - Compares two approaches to complex forms: component-driven versus schema-driven (SurveyJS).&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://dev.to/link2twenty/react-singletons-arent-as-evil-as-you-think-44m8"&gt;React: Singletons aren't as evil as you think&lt;/a&gt; - Shows the better solution for the popular Singleton pattern in React by using the approach with &lt;code&gt;TypedEvent&lt;/code&gt; and &lt;code&gt;useSyncExternalStore&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://sergiodxa.com/tutorials/access-react-router-context-with-asynclocalstorage" rel="noopener noreferrer"&gt;How to Access React Router Context with AsyncLocalStorage&lt;/a&gt; - Shows how to use Node's &lt;code&gt;AsyncLocalStorage&lt;/code&gt; to store request-scoped data. Cleaner than prop-drilling through your whole route tree.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://dev.to/unadlib/react-compiler-and-beyond-capability-boundaries-of-compiler-driven-ui-frameworks-4928"&gt;React Compiler and Beyond: Capability Boundaries of Compiler-Driven UI Frameworks&lt;/a&gt; - A comparison between the React Compiler and Fict, a compiler-first framework that moves dependency tracking to compile time and propagates updates through a signal graph instead.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://certificates.dev/blog/react-docs-refresh-useactionstate-and-useoptimistic-if-you-tried-learning-useactionstate-or-useoptimistic-from-the-original-react-19-docs-and-came-away-confused-now-is-a-great-time-to-go-back-both-pages-have-been-completely-reworked-with-ne?friend=TWIR" rel="noopener noreferrer"&gt;Certificates.dev - React Docs Refresh: useActionState and useOptimistic by Aurora Scharff&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://ui.shadcn.com/docs/changelog/2026-03-cli-v4" rel="noopener noreferrer"&gt;shadcn/cli 4.0 - Skills, presets, dry-run, diff, monorepo, updated primitives&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/staylor/react-helmet-async/pull/260" rel="noopener noreferrer"&gt;React Helmet Async 3.0 - React 19 support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://react-aria.adobe.com/releases/v1-16-0.html" rel="noopener noreferrer"&gt;React Aria 1.16 - Multi-select ComboBox, Tree Sections&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://react-spectrum.adobe.com/releases/v1-2-0.html" rel="noopener noreferrer"&gt;React Spectrum 1.2 - ListView, unavailable menu items&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://vercel.com/changelog/streamdown-2-4" rel="noopener noreferrer"&gt;Streamdown 2.4 - Customization hooks, accessibility features&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/preactjs/preact/releases/tag/10.29.0" rel="noopener noreferrer"&gt;Preact 10.29 - Implement &lt;code&gt;flushSync&lt;/code&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=S26VdcWQzRQ" rel="noopener noreferrer"&gt;Web Dev Simplified - New Tanstack Hotkeys Library is Amazing&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=uNR28b8fgpg" rel="noopener noreferrer"&gt;Shruti Kapoor - Image Asset Optimizations: Performance Optimizations in React&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://www.youtube.com/watch?v=U7ghineC5Zs" rel="noopener noreferrer"&gt;Hamed Bahram - TanStack Start: Server Components Without the Mental Gymnastics, with Tanner Linsley&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




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

&lt;p&gt;&lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=1st" 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%2Fcjdvmtgrmkc7ktvbp18m.jpg" alt="Still writing tests manually?" width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=1st" rel="noopener noreferrer"&gt;Still writing tests manually?&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Notion, Dropbox, Wiz, and LaunchDarkly have found a new testing paradigm - and they can't imagine working without it. Built by &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;ex-Palantir engineers&lt;/a&gt;, Meticulous autonomously creates a continuously evolving suite of E2E UI tests that delivers &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;near-exhaustive coverage&lt;/a&gt; with &lt;em&gt;zero developer effort&lt;/em&gt; - impossible to deliver by any other means. &lt;/p&gt;

&lt;p&gt;It works like magic in the background:&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;&lt;strong&gt;No maintenance (seriously)&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Zero flakes (built on a deterministic browser)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;🤨&lt;/strong&gt; Curious? &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;Book in a time to learn more&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://reactnavigation.org/blog/2026/03/10/react-navigation-8.0-march-progress/" 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%2F1qbypkewtvxu6wpqxjht.jpg" alt="React Navigation 8 - March Progress Report" width="800" height="360"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://reactnavigation.org/blog/2026/03/10/react-navigation-8.0-march-progress/" rel="noopener noreferrer"&gt;React Navigation 8 - March Progress Report&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;This week, the React Navigation team shares a progress update on the upcoming 8.0 release, which has been in alpha since December 2025.&lt;/p&gt;

&lt;p&gt;The version bumps the minimum requirements to React 19 and React Native 0.83, unlocking native APIs like Activity and Suspense. Here's what's new:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;inactiveBehavior&lt;/code&gt; option - allows control over how offscreen screens are handled&lt;/li&gt;
&lt;li&gt;Deep links by default - static config now auto-converts screen names to URL paths, no explicit setup needed&lt;/li&gt;
&lt;li&gt;Schema validation support - deep link params can be parsed and typed with Zod, Valibot, or ArkType&lt;/li&gt;
&lt;li&gt;Native symbols - new SFSymbol and MaterialSymbol components for iOS and Android icon systems&lt;/li&gt;
&lt;li&gt;Material Design 3 themes - MaterialLightTheme and MaterialDarkTheme using Android's dynamic PlatformColor&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The beta will be released once the rewritten React Native Screens integration lands.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://frontendmasters.com/courses/react-performance-v2/?utm_source=reactweekly&amp;amp;utm_medium=email&amp;amp;utm_campaign=reactperf" rel="noopener noreferrer"&gt;Make React apps fast where it actually matters. Learn how to diagnose real bottlenecks and fix slow, janky React apps using modern React 19 patterns.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📣 &lt;a href="https://expo.dev/blog/expo-agent-beta" rel="noopener noreferrer"&gt;Introducing Expo Agent (private beta): build real, production-quality native apps from your browser&lt;/a&gt; - Expo is launching in private beta a new offer that lets you implement cross-platform apps directly from a web UI, with great DX. This looks particularly useful to have an agent trained to leverage the native platforms (SwiftUI/Jetpack Compose) or the scripting layer (RN/OTA) when appropriate.&lt;/li&gt;
&lt;li&gt;📣 &lt;a href="https://expo.dev/changelog/introducing-expo-observe" rel="noopener noreferrer"&gt;Introducing Expo Observe (private preview)&lt;/a&gt; - New observability tool in private preview to track real-world app performance in production. Lets you compare across builds to catch regressions and drill into individual sessions for device info and P90/P99 percentiles.&lt;/li&gt;
&lt;li&gt;📣 &lt;a href="https://android-developers.googleblog.com/2026/03/a-new-era-for-choice-and-openness.html" rel="noopener noreferrer"&gt;Google is expanding billing choice on Google Play for users and developers&lt;/a&gt; - Google now allows alternative billing systems on Google Play, cuts fees to 15–20% for apps and 10% for subscriptions, and simplifies sideloading of alternative app stores.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/react-navigation/react-navigation/pull/13001" rel="noopener noreferrer"&gt;React Navigation PR - Data Loading&lt;/a&gt; - The library plans to tackle data loading, and prototyping new APIs such as &lt;code&gt;UNSTABLE_loader&lt;/code&gt; and &lt;code&gt;UNSTABLE_getLoaderForRoute&lt;/code&gt; to do so. This could help prefetch data for a route before navigating to it, improving the perceived performance and UX.&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/tmikov/status/2029355999086493953" rel="noopener noreferrer"&gt;Tzvetan Mikov - “Hermes finally has native support for stripping erasable TypeScript annotations”&lt;/a&gt; - Once released, Hermes will be able to run TypeScript code natively, without transpilation, similarly to what Node.js and Bun are doing.&lt;/li&gt;
&lt;li&gt;🗓️ &lt;a href="https://paradise.swmansion.com/?utm_source=newsletter&amp;amp;utm_medium=affiliate" rel="noopener noreferrer"&gt;React Native Paradise&lt;/a&gt; – 🇭🇷 Vir, Croatia – April &amp;amp; May. A week-long React Native workshop in a villa, in small groups, led by experienced devs from Software Mansion. Mention "TWIR" during your reservation and get 100 EUR off per person.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/home-screen-widgets-and-live-activities-in-expo" rel="noopener noreferrer"&gt;Home screen widgets and Live Activities in Expo&lt;/a&gt; - An intro to expo-widgets, currently in alpha for iOS. This new widget solution leverages Expo UI to create a tree that maps directly to SwiftUI primitives.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.callstack.com/blog/keeping-screens-visible-with-activity-mode-hidden" rel="noopener noreferrer"&gt;Keeping Screens Visible With &lt;code&gt;&amp;lt;Activity mode="hidden&amp;gt;"&lt;/code&gt;&lt;/a&gt; - How to freeze effects on a hidden screen without breaking swipe-back gestures.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://bitglow.de/blog/app-flavors-with-expo-eas/" rel="noopener noreferrer"&gt;App Flavors with Expo &amp;amp; EAS&lt;/a&gt; - Useful to create variants of your app and white labelling.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/expo-brownfield-how-to-add-expo-to-your-existing-native-app-without-a-rewrite" rel="noopener noreferrer"&gt;Expo brownfield: How to add Expo to your existing native app without a rewrite&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://codewithbeto.dev/blog/haptic-feedback-expo-router-native-tabs" rel="noopener noreferrer"&gt;Adding Haptic Feedback to Expo Router Native Tabs&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/facebook/react-native/releases/tag/v0.85.0-rc.0" rel="noopener noreferrer"&gt;React Native 0.85 rc.0 - Removed &lt;code&gt;Stylesheet.absoluteFill&lt;/code&gt;, dropped support for EOL Node.js versions&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion-labs/react-native-enriched-markdown/releases/tag/0.4.0" rel="noopener noreferrer"&gt;Enriched Markdown 0.4 - LaTeX Support, Image caching&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/jpudysz/react-native-unistyles/releases/tag/v3.1.0" rel="noopener noreferrer"&gt;Unistyles 3.1 - Smaller babel plugin, StyleSheet.addChangeListener, optional edge-to-edge, Nitro 0.35+&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/Shopify/flash-list/releases/tag/v2.3.0" rel="noopener noreferrer"&gt;FlashList 2.3 - New &lt;code&gt;inverted&lt;/code&gt; prop&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/mrousavy/react-native-mmkv/releases/tag/v4.2.0" rel="noopener noreferrer"&gt;MMKV 4.2 - &lt;code&gt;.length&lt;/code&gt;, new encryption features&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/uni-stack/uniwind/releases/tag/v1.5.0" rel="noopener noreferrer"&gt;Uniwind 1.5 - tv selectorn, focus selector for pressables&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/Rednegniw/react-native-view-recorder" rel="noopener noreferrer"&gt;React Native View Recorder - Capture any React Native View to a video or an imager&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/Guccio163/react-native-reshuffled" rel="noopener noreferrer"&gt;React Native Reshuffled - High-performance, Nitro-powered grid layout&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/rozenite/releases/tag/v1.4.0" rel="noopener noreferrer"&gt;Rozenite 1.4 - Storage-plugin, improved redux-devtools-plugin&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/IronTony/rozenite-navigation-inspector" rel="noopener noreferrer"&gt;Rozenite Navigation Inspector - DevTools plugin for inspecting navigation state&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🔗 &lt;a href="https://www.callstack.com/blog/announcing-react-native-evals" rel="noopener noreferrer"&gt;React Native Evals&lt;/a&gt; - A proposition for a standardised benchmark of AI models against common React Native development tasks.&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=dhN7eeqOVeE" rel="noopener noreferrer"&gt;Beto - 6 Expo UI Tricks That Save You Hours of Debugging&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://infinite.red/react-native-radio/rnr-355-react-native-skia-for-high-performance-ui-with-william-candillon" rel="noopener noreferrer"&gt;RNR 355 - React Native Skia for High-Performance UI with William Candillon&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/announcements/evolving-the-nodejs-release-schedule" rel="noopener noreferrer"&gt;Node.js is moving to one major release per year, starting with Node 27&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://bloomberg.github.io/js-blog/post/standardizing-source-maps/" rel="noopener noreferrer"&gt;Source Maps: Shipping Features Through Standards&lt;/a&gt; - How Bloomberg helped standardize source maps, and a sneak peek at 5 improvement ideas being worked on.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.solberg.is/unknown-to-typed" rel="noopener noreferrer"&gt;Unknown to Typed&lt;/a&gt; - How to deal with &lt;code&gt;unknown&lt;/code&gt; data that arrives at your boundary. Every &lt;code&gt;as&lt;/code&gt; in your TypeScript is a small lie and should be a conscious decision.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://blog.swmansion.com/breaking-down-the-jelly-slider-9ab9239f6d80" rel="noopener noreferrer"&gt;TypeGPU - Breaking out the jelly slider&lt;/a&gt; - A breakdown of the jelly slider, which has recently attracted a lot of attention, from idea to implementation.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://tanstack.com/blog/from-docs-to-agents" rel="noopener noreferrer"&gt;TanStack Intent - A distribution model for agent skills&lt;/a&gt; - Framework-agnostic CLI that lets library maintainers ship versioned "Agent Skills" alongside npm packages.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://devblogs.microsoft.com/typescript/announcing-typescript-6-0-rc/" rel="noopener noreferrer"&gt;TypeScript 6.0 RC&lt;/a&gt; - The last JS-based release before the native Go port in 7.0. In many ways, it will act as the bridge between TypeScript 5.9 and 7.0.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://arktype.io/docs/blog/2.2" rel="noopener noreferrer"&gt;ArkType 2.2 - Validated functions, type-safe regex&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/parcel-bundler/lightningcss/releases/tag/v1.32.0" rel="noopener noreferrer"&gt;Lightning CSS 1.32 - Mark imports as external, mix-blend-mode support, visitors can add dependencies&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.bram.us/2026/03/11/view-transitions-mock-is-a-non-visual-polyfill-for-same-document-view-transitions/" rel="noopener noreferrer"&gt;View-Transitions-Mock - A non-visual Polyfill for Same-Document View Transitions&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/aleqsio/status/2024533731965305207" 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%2Fcj0ss4d3encsoks7w23n.jpg" alt="alt" width="800" height="783"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://x.com/jasonbosco/status/2027413174203621437" 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%2F3tyydvun7efe4cho90fv.jpg" alt="alt" width="800" height="680"&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 #271 : Vinext, RSC, Activity, Async React | Expo 55, Router, Survey, Enriched | TC39, Temporal, Navigation</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 06 Mar 2026 13:30:06 +0000</pubDate>
      <link>https://forem.com/sebastienlorber/this-week-in-react-271-vinext-rsc-activity-async-react-expo-55-router-survey-enriched--56bo</link>
      <guid>https://forem.com/sebastienlorber/this-week-in-react-271-vinext-rsc-activity-async-react-expo-55-router-survey-enriched--56bo</guid>
      <description>&lt;p&gt;Hi everyone!&lt;/p&gt;

&lt;p&gt;This week is rather quiet in the React world, so we took a step back on Vinext, found great community blog posts, and weak signals.&lt;/p&gt;

&lt;p&gt;On the React Native side, let’s welcome our new author, &lt;a href="https://x.com/jaworek3211" rel="noopener noreferrer"&gt;Jan Jaworski&lt;/a&gt;, who covered the new Expo SDK and the State of React Native survey results, among many other things.&lt;/p&gt;

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




&lt;p&gt;💡 Subscribe to the &lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" rel="noopener noreferrer"&gt;official newsletter&lt;/a&gt; to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" 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%2Fz4uz6ixhzg21rrks3os9.png" alt="banner" width="800" height="373"&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=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=1st" 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%2Fcjdvmtgrmkc7ktvbp18m.jpg" alt="Still writing tests manually?" width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=1st" rel="noopener noreferrer"&gt;Still writing tests manually?&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Notion, Dropbox and LaunchDarkly have found a new testing paradigm - and they can't imagine working without it. Built by &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;ex-Palantir engineers&lt;/a&gt;, Meticulous autonomously creates a continuously evolving suite of E2E UI tests that delivers &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;near-exhaustive coverage&lt;/a&gt; with &lt;em&gt;zero developer effort&lt;/em&gt; - impossible to deliver by any other means. &lt;/p&gt;

&lt;p&gt;It works like magic in the background:&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;&lt;strong&gt;No maintenance (seriously)&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Zero flakes (built on a deterministic browser)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;🤨&lt;/strong&gt; Curious? &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;Book in a time to learn more&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;strong&gt;What is Vinext really worth?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Last week, we &lt;a href="https://thisweekinreact.com/newsletter/270#react" rel="noopener noreferrer"&gt;covered Vinext&lt;/a&gt;, Cloudflare’s AI-driven reimplementation of Next.js on top of Vite. Now that the dust has settled, let’s see what the community and the Next.js team have to say.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;🔐 &lt;a href="https://www.hacktron.ai/blog/hacking-cloudflare-vinext" rel="noopener noreferrer"&gt;Vibe-Hacking Cloudflare's Vibe-Coded Next.js Replacement&lt;/a&gt; - Show that AI-generated code passing functional tests can still miss security hardening, and automated AI tooling can help find those vulnerabilities.&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/rauchg/status/2026864132423823499" rel="noopener noreferrer"&gt;Guillermo Rauch - “We've identified, responsibly disclosed, and confirmed 2 critical, 2 high, 2 medium, 1 low security vulnerabilities”&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/feedthejim/status/2027156055617364272" rel="noopener noreferrer"&gt;Jimmy Lai mentions that Vinext’s 94% API coverage is misleading&lt;/a&gt; - In reality, Vinext only passes a limited number of the 13,000+ Next.js test suite (13% dev, 20% e2e, 10% production). Many edge cases are likely misbehaving.&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/dok2001/status/2027449223319351526" rel="noopener noreferrer"&gt;The &lt;code&gt;cio.gov&lt;/code&gt; website using Vinext is "basically a static site"&lt;/a&gt; - This deployment doesn’t really dogfood the whole API surface of Next.js.&lt;/li&gt;
&lt;li&gt;📖 &lt;a href="https://vercel.com/kb/guide/migrate-to-vercel-from-cloudflare" rel="noopener noreferrer"&gt;Vercel docs - Migrate to Vercel from Cloudflare&lt;/a&gt; - It’s no secret that Vercel/Cloudflare CEOs do not like each other. The timing of this newly published docs page feels… noteworthy.&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=abbeIUOCzmw" rel="noopener noreferrer"&gt;Fireship - Cloudflare just slop forked Next.js&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;While the AI-generated port is undeniably impressive, it’s likely too early to adopt it in production. It also remains unclear whether Cloudflare intends to support the project over the long term and make it production-ready.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://blog.sentry.io/setting-up-next-js-source-maps-sentry/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=nextjs-fy27q1-nextjs&amp;amp;utm_content=newsletter-react-link-blog-sourcemaps-learnmore" rel="noopener noreferrer"&gt;Next.js minifies your code into mush. Source maps fix that. Learn how to wire up Sentry so your stack traces are actually readable&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📣 &lt;a href="https://www.linuxfoundation.org/press/linux-foundation-announces-the-formation-of-the-react-foundation" rel="noopener noreferrer"&gt;Linux Foundation Announces the Formation of the React Foundation&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/reactjs/react.dev/pull/8300" rel="noopener noreferrer"&gt;React.dev PR - Add RSC Sandboxes&lt;/a&gt; - The React docs website has merged infrastructure to run full-stack interactive playgrounds. However, it hasn’t been used on any public page yet. The server-related features (RSC, async components, use, Suspense, Server Functions, Actions, streaming) run locally in a Web Worker.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/TheAlexLichter/oxlint-react-compiler-rules" rel="noopener noreferrer"&gt;Oxlint + React Compiler Rules integration demo&lt;/a&gt; - Oxlint supports loading ESLint plugins via the &lt;code&gt;jsPlugins,&lt;/code&gt; so technically it can run the React Compiler rules too.&lt;/li&gt;
&lt;li&gt;📖 &lt;a href="https://react.dev/reference/react/ViewTransition#animating-enter-exit-with-activity" rel="noopener noreferrer"&gt;&lt;code&gt;&amp;lt;ViewTransition&amp;gt;&lt;/code&gt; docs - New example - Animating enter/exit with Activity&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💬 &lt;a href="https://github.com/vercel/next.js/issues/85470" rel="noopener noreferrer"&gt;Next.js issue - Server requests and latency increased after upgrading from Next.js 15 to 16&lt;/a&gt; - Users noticed an increase in server requests after upgrading. Andrew explains this is due to a new fine-grained segment prefetching system that maximizes caching efficiency. A new &lt;code&gt;prefetchInlining&lt;/code&gt; flag is coming to give you control over this behavior until they implement a sensible heuristic.&lt;/li&gt;
&lt;li&gt;💬 &lt;a href="https://github.com/adobe/react-spectrum/discussions/9696#discussioncomment-15942257" rel="noopener noreferrer"&gt;Devon from React Aria explains the limits of the native &lt;code&gt;&amp;lt;dialog&amp;gt;&lt;/code&gt; vs JS/React abstractions&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🗓 &lt;a href="https://reactsummit.com/?utm_source=thisweekinreact" rel="noopener noreferrer"&gt;React Summit&lt;/a&gt; - 🇳🇱 Amsterdam - 12 &amp;amp; 16 Jun. Join thousands of React devs live in Amsterdam or online. Learn from top contributors and enjoy the festival-style vibes! Register now using promo code TWIR (-10%)&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://twofoldframework.com/blog/error-rendering-with-rsc" rel="noopener noreferrer"&gt;Error rendering with RSC&lt;/a&gt; - Great deep-dive into how errors flow through the 3 RSC rendering environments (RSC server, SSR, browser). Only the browser supports Error Boundaries, so RSC/SSR errors need a clear path to reach the client side and get displayed.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://inside-react.vercel.app/blog/understanding-why-react-fiber-exists" rel="noopener noreferrer"&gt;Understanding Why React Fiber Exists&lt;/a&gt; - Greatly explains why React abandoned recursive reconciliation in favor of the Fiber architecture, making it possible to pause rendering and accept new user inputs.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.mux.com/blog/react-is-changing-the-game-for-streaming-apps-with-the-activity-component" rel="noopener noreferrer"&gt;React is changing the game for streaming apps with the Activity component&lt;/a&gt; - Practical use case for &lt;code&gt;&amp;lt;Activity&amp;gt;&lt;/code&gt; to preserve playback state when hiding video/audio players. Don’t forget to pause the player using an Effect cleanup function.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://stackinsight.dev/blog/memory-leak-empirical-study/" rel="noopener noreferrer"&gt;Frontend Memory Leaks: A 500-Repository Static Analysis&lt;/a&gt; - A study scanned 500 repos across many frameworks and breaks down the results. Gives an overview of the most frequent React-related memory leaks, notably the lack of a &lt;code&gt;useEffect&lt;/code&gt; cleanup function.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://sergiodxa.com/tutorials/create-a-per-request-database-instance-with-middleware" rel="noopener noreferrer"&gt;Create a Per-Request Database Instance with React Router Middleware&lt;/a&gt; - Shows how to wrap each request in a database transaction.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://certificates.dev/laravel?friend=TWIR" rel="noopener noreferrer"&gt;Certificates.dev - Validate your cross-stack capability with a comprehensive Certification for Laravel. Limited-time launch offer: 40% off!&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/TanStack/store/releases/tag/%40tanstack%2Fstore%400.9.0" rel="noopener noreferrer"&gt;TanStack Store 0.9 - API breaking changes, using faster alien-signals library&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/vitejs/vite-plugin-react/releases/tag/plugin-react%406.0.0-beta.0" rel="noopener noreferrer"&gt;Vite Plugin React beta.0 - Drop Vite 7 support, remove Babel dependency&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://aralroca.com/blog/next-translate-3-0" rel="noopener noreferrer"&gt;Next-translate 3.0 - Turbopack, Next.js 16, and a New Chapter&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://marmelab.com/blog/2026/02/26/react-admin-february-2026-update.html" rel="noopener noreferrer"&gt;React-Admin 5.12, 5.13, 5.14 - February 2026 Update&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=EnzKA0fQkBM" rel="noopener noreferrer"&gt;Jack Herrington - TanStack Start SSR: 3 Reasons To Love It&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=KLRRstvrvVI" rel="noopener noreferrer"&gt;Josef Bender - New TanStack Package: Exclusive First Look&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://share.transistor.fm/s/de32a7b9" rel="noopener noreferrer"&gt;This Month in React 2026-02 - CloudFlare remakes Next with AI; Vercel big mad. We talk too much about AI Agents&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




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

&lt;p&gt;&lt;a href="https://formengine.io/react-form-builder-library/?utm_source=thisweekinreact&amp;amp;utm_medium=sponsor2-040326&amp;amp;utm_campaign=mui-designer&amp;amp;utm_content=dragdrop&amp;amp;utm_term=deploy-across" 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%2Fxafjm2ungvn90xfkyjpp.jpg" alt="Add a powerful Form Builder to your app in hours!" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://formengine.io/react-form-builder-library/?utm_source=thisweekinreact&amp;amp;utm_medium=sponsor2-040326&amp;amp;utm_campaign=mui-designer&amp;amp;utm_content=dragdrop&amp;amp;utm_term=deploy-across" rel="noopener noreferrer"&gt;Add a powerful Form Builder to your app in hours!&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why developers use it instead of building it?&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Plug &amp;amp; play custom components:&lt;/strong&gt; Wrap any React component and drop it into the builder — it just works. No internal APIs to learn, no hacky overrides&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Deep customization:&lt;/strong&gt; Add custom validations, actions, and logic through a clean API&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;JSON output you control:&lt;/strong&gt; Every form saves as a portable JSON schema — store it, version it, own it&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Self-hosted &amp;amp; white-label ready:&lt;/strong&gt; Run it on your infrastructure, brand it as your own&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Perfect for:&lt;/strong&gt; internal tools, admin panels, no-code platforms, SaaS products with custom form needs, and enterprise workflow automation.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Commercial license. Serious support. No vendor lock-in on your data.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Quick Start → &lt;strong&gt;Working form builder embedded in your app in under an hour&lt;/strong&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://expo.dev/changelog/sdk-55" 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%2Fsxvlgpjuwadax22ox65n.jpg" alt="Expo SDK 55" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;Expo SDK 55 is out now as a stable release! It brings React Native 0.83, React 19.2, Expo Router 55, and a massive amount of improvements across the entire ecosystem.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;React Native 0.82 &amp;amp; 0.83 Highlights:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;The New Architecture&lt;/strong&gt; is now a requirement. You can try out new AI skills to help you with the update process.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;React 19.2 Integration:&lt;/strong&gt; Brings the new &lt;code&gt;&amp;lt;Activity&amp;gt;&lt;/code&gt; API (for preserving state in hidden component trees) and &lt;code&gt;useEffectEvent&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;DOM Node APIs:&lt;/strong&gt; Native components now provide DOM-like nodes via refs, allowing you to traverse the UI tree and measure layouts just like on the web.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Revamped DevTools:&lt;/strong&gt; A brand-new DevTools desktop app that no longer requires a browser, featuring dedicated Network and Performance panels. Web Performance APIs are also now stable.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Optimized Android Debugging:&lt;/strong&gt; A new &lt;code&gt;debugOptimized&lt;/code&gt; build type speeds up your dev environment, allowing animations and re-renders to hit ~60FPS while still allowing JS debugging.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Experimental Hermes V1:&lt;/strong&gt; Available as an opt-in, bringing meaningful performance improvements for bundle loading and Time to Interactive (TTI).&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Expo SDK 55 Highlights:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://expo.dev/blog/expo-router-v55-more-native-navigation-more-powerful-web" rel="noopener noreferrer"&gt;&lt;strong&gt;Expo Router v55&lt;/strong&gt;&lt;/a&gt; &lt;strong&gt;with Native Features:&lt;/strong&gt; Added support for the native Apple Zoom transition, a new iOS &lt;code&gt;Stack.Toolbar&lt;/code&gt; API, experimental SplitView, and a new Colors API for dynamic Material 3 and adaptive iOS colors. Yes, the versioning scheme has changed: it’s v55, not v7.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI Tooling:&lt;/strong&gt; You can try out new AI skills to help you with the update process. Expo also introduced Model Context Protocol (MCP) tools for CLI actions/EAS services, alongside the official &lt;code&gt;expo/skills&lt;/code&gt; repository.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Developer Experience:&lt;/strong&gt; A small but welcome improvement is the ability to discover active dev servers on iOS with no QR code scanning needed!&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://expo.dev/blog/ship-smaller-ota-updates-bundle-diffing-comes-to-ota-updates-in-sdk-55" rel="noopener noreferrer"&gt;&lt;strong&gt;Smaller OTA updates&lt;/strong&gt;&lt;/a&gt;: ship up to 75% smaller OTA updates thanks to Hermes bytecode bundle diffing.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This release also shapes &lt;a href="https://blog.swmansion.com/the-future-of-video-in-react-native-moving-from-expo-av-to-expo-video-6f4f78e51196" rel="noopener noreferrer"&gt;the future of video in React Native&lt;/a&gt;. The legacy &lt;code&gt;expo-av&lt;/code&gt; module has been removed and replaced by &lt;code&gt;expo-video&lt;/code&gt; &amp;amp; &lt;code&gt;expo-audio&lt;/code&gt;, which feature an improved API, synchronous calls, and better state management with atomic state updates.&lt;/p&gt;




&lt;p&gt;&lt;a href="https://results.2025.stateofreactnative.com/en-US/" 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%2Fa9hx6blx36i1v4d1gz0q.jpg" alt="State of React Native 2025" width="800" height="356"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://results.2025.stateofreactnative.com/en-US/" rel="noopener noreferrer"&gt;State of React Native 2025&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The results for the State of React Native 2025 survey are officially out! This year marks the &lt;strong&gt;10th anniversary&lt;/strong&gt; of React Native, alongside hitting a massive milestone of &lt;strong&gt;4 million weekly downloads&lt;/strong&gt; (double last year's numbers!). The ecosystem is maturing rapidly, and the survey reflects a highly positive shift in the overall developer experience. Software Mansion devs break it down on their &lt;a href="https://www.youtube.com/watch?v=YWEsoSosQXQ" rel="noopener noreferrer"&gt;YouTube channel&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Here are some of the highlights that we’ve found interesting:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;The New Architecture Era:&lt;/strong&gt; The New Architecture is now the default and has already reached an impressive &lt;strong&gt;~80% adoption rate&lt;/strong&gt;. Combined with recent React Native releases shipping with zero user-facing breaking changes, the dreaded "upgrade pain" is finally fading into the past.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Navigation:&lt;/strong&gt; &lt;strong&gt;React Navigation&lt;/strong&gt; and &lt;strong&gt;Expo Router&lt;/strong&gt; dominate the space. While deep linking and TypeScript inference remain the top developer pain points, upcoming updates (like React Navigation 8) are specifically targeting these exact issues. We are also seeing a massive push toward new native primitives like native tabs, split views, and zoom transitions.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Styling:&lt;/strong&gt; The community is heavily leaning into Tailwind-style utility classes (&lt;strong&gt;NativeWind&lt;/strong&gt;) and &lt;strong&gt;react-native-unistyles&lt;/strong&gt;. While the "lack of a standard CSS API" was a top complaint, React Native is rapidly closing the gap by shipping web-compatible features natively—like box shadows, gradients, and CSS filters—with more on the way.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Graphics &amp;amp; Animations:&lt;/strong&gt; &lt;strong&gt;React Native Reanimated&lt;/strong&gt; remains the undisputed king of animations, with developers highly praising the new Shared Element Transitions. Meanwhile, &lt;strong&gt;React Native Skia&lt;/strong&gt; is maturing fast, empowering developers to build much more ambitious and performant custom graphics without native code.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Community Stewardship:&lt;/strong&gt; With the recent launch of the independent &lt;strong&gt;React Foundation&lt;/strong&gt; (hosted by the Linux Foundation), the future stewardship of React Native looks incredibly stable.&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-mar4" rel="noopener noreferrer"&gt;PostHog - Monitor and debug errors in your React Native app with crash reporting and stack traces. 100k exceptions free every month&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📊 &lt;a href="https://www.revenuecat.com/state-of-subscription-apps-2025/#h-download-to-paid-by-framework" rel="noopener noreferrer"&gt;State of Subscription Apps 2025&lt;/a&gt;: Revenue by mobile app framework shows that React Native apps perform the best in earnings.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://react-native-vision-camera.com/docs/guides/vision-camera-v5" rel="noopener noreferrer"&gt;Vision Camera 5 preview&lt;/a&gt; - The upcoming release now has a dedicated documentation section detailing its new features.&lt;/li&gt;
&lt;li&gt;💬 &lt;a href="https://github.com/react-native-community/discussions-and-proposals/pull/981" rel="noopener noreferrer"&gt;AbortController RFC&lt;/a&gt; - A proposal to better align React Native's implementation with the web standard and support the missing APIs.&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/swmansion/status/2028898707681251493" rel="noopener noreferrer"&gt;RNRepo now supports iOS&lt;/a&gt; - Faster build times thanks to pre-built library artifacts.&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/aleqsio/status/2028946936951169234" rel="noopener noreferrer"&gt;React Native Worktree skill - enables multiple agents to use simulators without conflicts&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.callstack.com/blog/sparkling-the-missing-app-layer-for-lynx-js" rel="noopener noreferrer"&gt;Sparkling: The Missing App Layer for Lynx.js?&lt;/a&gt; - The Callstack team explores the previously mentioned Lynx framework.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://medium.com/doctolib/building-reliable-ai-chat-on-mobile-01015d74422e" rel="noopener noreferrer"&gt;Building reliable AI Chat on mobile&lt;/a&gt; - An insight into the challenges of building a great user experience for mobile AI chat interfaces. Also announcing a FlatList-compatible library to address these challenges.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://codewithbeto.dev/blog/expo-ui-tips" rel="noopener noreferrer"&gt;Expo UI tips&lt;/a&gt; - Non-obvious solutions and techniques to make your app make use of native features to look and feel better.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.callstack.com/blog/react-native-monorepo-with-pnpm-workspaces" rel="noopener noreferrer"&gt;React Native Monorepo with PNPM Workspaces&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/native-html/render" rel="noopener noreferrer"&gt;@native-html/render - Render HTML as native views&lt;/a&gt; - This old package has been refreshed and is now officially maintained by Software Mansion.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/react-native-grab" rel="noopener noreferrer"&gt;Grab - Touch-to-grab context tool for React Native UI changes&lt;/a&gt; - Similar to React-Grab on the web, this convenient tool permits giving accurate context to LLMs.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/mrousavy/nitro/releases/tag/v0.34.0" rel="noopener noreferrer"&gt;Nitro 0.34&lt;/a&gt;, and &lt;a href="https://github.com/mrousavy/nitro/releases/tag/v0.35.0" rel="noopener noreferrer"&gt;Nitro 0.35&lt;/a&gt; with an API breaking change to fix a memory leak issue.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/react-native-enriched/releases/tag/v0.5.0" rel="noopener noreferrer"&gt;Enriched 0.5 - HTML normalizer, preserve rich formatting, and more&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://x.com/ReactNativeRwd/status/2027333392254017948" rel="noopener noreferrer"&gt;Enriched Markdown 0.3 - RTL support, GFM support (tables, task lists, and autolinks)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.callstack.com/blog/announcing-react-native-brownfield-v3-with-expo-config-plugin" rel="noopener noreferrer"&gt;Brownfield 3.0 - New Expo Config plugin&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://maestro.dev/blog/visual-testing" rel="noopener noreferrer"&gt;Maestro CLI 2.2 - Visual Testing capabilities&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/facebook/metro/releases/tag/v0.84.1" rel="noopener noreferrer"&gt;Metro 0.84.1 - HTTPS support in Metro server&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/uni-stack/uniwind/releases/tag/v1.4.0" rel="noopener noreferrer"&gt;Uniwind 1.4 - Scoped theme&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/kuatsu/react-native-boost/releases/tag/v1.0.0" rel="noopener noreferrer"&gt;Boost 1.0 - A Babel plugin that automatically optimizes your apps&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/agent-device/releases/tag/v0.7.0" rel="noopener noreferrer"&gt;Agent Device 0.7 - TV support, push notifications, clipboard commands, network dump, dogfood skill&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://infinite.red/react-native-radio/rnr-354-react-native-screens-with-krzysztof-magiera" rel="noopener noreferrer"&gt;React Native Radio 354 - React Native Screens with Krzysztof Magiera&lt;/a&gt; - Deep dive and sneak peek into the upcoming 5.0 rewrite built exclusively for the New Architecture.&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/03.md" rel="noopener noreferrer"&gt;TC39 - Agenda for the 113th meeting - 10-12 March&lt;/a&gt; - Next week, major proposals such as Temporal and Explicit Resource Management could move to stage 4.&lt;/li&gt;
&lt;li&gt;📣 &lt;a href="https://web.dev/blog/baseline-navigation-api" rel="noopener noreferrer"&gt;Navigation API - a better way to navigate, is now Baseline Newly Available&lt;/a&gt; - The modern alternative to the History API is ready for prime time. Part of Interop 2026, the remaining browser incompatibilities should be fixed by the end of the year.&lt;/li&gt;
&lt;li&gt;📣 &lt;a href="https://npmx.dev/blog/alpha-release" rel="noopener noreferrer"&gt;Announcing npmx: a fast, modern browser for the npm registry&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/148" rel="noopener noreferrer"&gt;Firefox 148&lt;/a&gt; - Unlocks cross-browser support for CSS &lt;code&gt;shape()&lt;/code&gt;, &lt;code&gt;position-try-order&lt;/code&gt;, and Trusted Types to prevent XSS attacks. Speaking of XSS, Firefox is also the first browser to land the new &lt;a href="https://hacks.mozilla.org/2026/02/goodbye-innerhtml-hello-sethtml-stronger-xss-protection-in-firefox-148/" rel="noopener noreferrer"&gt;Sanitizer API and &lt;code&gt;setHTML()&lt;/code&gt;&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://bun.com/blog/bun-v1.3.10" rel="noopener noreferrer"&gt;Bun 1.3.10 - New REPL, ES decorators, faster event loop, barrel optimization, and more&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://deno.com/blog/v2.7" rel="noopener noreferrer"&gt;Deno 2.7 - Temporal API, Windows ARM, and npm overrides&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/solidjs/solid/releases/tag/v2.0.0-beta.0" rel="noopener noreferrer"&gt;Solid 2.0 beta - Async is first‑class, computations can return Promise, the graph knows how to suspend/resume&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://better-auth.com/blog/1-5" rel="noopener noreferrer"&gt;Better Auth 1.5 - New CLI, OAuth 2.1 Provider, Electron integration, i18n support, 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/thekitze/status/2026944200948768870" 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%2Fp7yrbfegt2y0jijo6td2.jpg" alt="alt" width="800" height="281"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://x.com/bunjavascript/status/2027651541730267477" 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%2F036wzq5jz34xvot9zvx7.jpg" alt="alt" width="800" height="833"&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 #270 : Next.js, React Router | Hermes, React Navigation, CSS Grid, Maestro | Node, Oxfmt</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 27 Feb 2026 18:32:12 +0000</pubDate>
      <link>https://forem.com/sebastienlorber/this-week-in-react-270-nextjs-react-router-hermes-react-navigation-css-grid-maestro--106o</link>
      <guid>https://forem.com/sebastienlorber/this-week-in-react-270-nextjs-react-router-hermes-react-navigation-css-grid-maestro--106o</guid>
      <description>&lt;p&gt;Hi everyone!&lt;/p&gt;

&lt;p&gt;Hello everyone, Krzysztof and Kacper from &lt;a href="https://swmansion.com/" rel="noopener noreferrer"&gt;Software Mansion&lt;/a&gt; here 👋&lt;/p&gt;

&lt;p&gt;The React Foundation officially launched. Cloudflare rebuilt the whole Next.js in a week using AI. In the meantime, the real Next.js is adding version-matched docs so agents always have context on new and recently updated APIs.&lt;/p&gt;

&lt;p&gt;On the React Native side, Hermes is moving beyond mobile: Hermes-node brings the engine to Node.js as a potential V8 swap. CSS Grid is also coming to React Native, and TanStack Router has an early PoC running natively.&lt;/p&gt;

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




&lt;p&gt;💡 Subscribe to the &lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" rel="noopener noreferrer"&gt;official newsletter&lt;/a&gt; to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" 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%2Fz4uz6ixhzg21rrks3os9.png" alt="banner" width="800" height="373"&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=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=2nd" 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%2Fcjdvmtgrmkc7ktvbp18m.jpg" alt="Still writing tests manually?" width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;Still writing tests manually?&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Notion, Dropbox and LaunchDarkly have found a new testing paradigm - and they can't imagine working without it. Built by &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;ex-Palantir engineers&lt;/a&gt;, Meticulous autonomously creates a continuously evolving suite of E2E UI tests that delivers &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;near-exhaustive coverage&lt;/a&gt; with &lt;em&gt;zero developer effort&lt;/em&gt; - impossible to deliver by any other means. &lt;/p&gt;

&lt;p&gt;It works like magic in the background:&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;&lt;strong&gt;No maintenance (seriously)&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Zero flakes (built on a deterministic browser)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;🤨&lt;/strong&gt; Curious? &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;Book in a time to learn more&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://blog.cloudflare.com/vinext/" 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%2Flcr8d4owgofov29aep7g.jpg" alt="How we rebuilt Next.js with AI in one week" width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://blog.cloudflare.com/vinext/" rel="noopener noreferrer"&gt;How we rebuilt Next.js with AI in one week&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;A single Cloudflare engineer rebuilt the Next.js API surface (App Router, RSC, Server Actions, middleware) on Vite in one week using AI for $1,100. Using Oxc/Rolldown, it builds 4.4x and produces 57% smaller bundles. Using the Vite Environment API, it overcomes OpenNext limits, making it compatible with edge runtimes such as Cloudflare Workers.&lt;/p&gt;

&lt;p&gt;What started as a bold experiment became &lt;a href="https://github.com/cloudflare/vinext" rel="noopener noreferrer"&gt;vinext&lt;/a&gt;. It passes 2000+ tests and has 94% test coverage of the Next.js 16 API surface. The &lt;code&gt;cio.gov&lt;/code&gt; website already runs it in production. It also introduces new concepts such as “Traffic-aware Pre-Rendering”.&lt;/p&gt;

&lt;p&gt;This AI-driven port was only possible because Next.js has a well-documented API surface and a comprehensive test suite. A reminder of something TDD practitioners have known for years, but seems more important than ever today: the real value lies in the specification, the test suite, and the API design. Even Guillermo Rauch now believes that &lt;a href="https://x.com/rauchg/status/2026091504280944802" rel="noopener noreferrer"&gt;most software will start as markdown spec files&lt;/a&gt; implemented by coding agents. In &lt;a href="https://saewitz.com/tests-are-the-new-moat" rel="noopener noreferrer"&gt;Tests Are The New Moat&lt;/a&gt;, the author argues that we may see more open-source projects with private test suites: that’s what SQLite is already doing.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://frontendmasters.com/courses/react-performance-v2/?utm_source=reactweekly&amp;amp;utm_medium=email&amp;amp;utm_campaign=reactperf" rel="noopener noreferrer"&gt;Make React apps fast where it actually matters. Learn how to diagnose real bottlenecks and fix slow, janky React apps using modern React 19 patterns&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📣 &lt;a href="https://react.dev/blog/2026/02/24/the-react-foundation" rel="noopener noreferrer"&gt;The React Foundation has officially launched, hosted by the Linux Foundation&lt;/a&gt; - React, React Native, and supporting projects like JSX are no longer owned by Meta. Huawei joined the previously announced founding members.&lt;/li&gt;
&lt;li&gt;📖 &lt;a href="https://nextjs.org/docs/app/guides/ai-agents" rel="noopener noreferrer"&gt;Next.js - AI Agents Guide&lt;/a&gt; - Upcoming Next.js releases will include version-matched docs to provide agents with up-to-date context, improving &lt;a href="https://nextjs.org/evals" rel="noopener noreferrer"&gt;Next.js Evals&lt;/a&gt; success rate by ~20%.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://aurorascharff.no/posts/building-design-components-with-action-props-using-async-react/" rel="noopener noreferrer"&gt;Aurora Scharff - Building Design Components with Action Props using Async React&lt;/a&gt; - Pattern for encapsulating optimistic updates, pending indicators, and rollback inside reusable components&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://tkdodo.eu/blog/creating-query-abstractions" rel="noopener noreferrer"&gt;TkDodo - Creating Query Abstractions&lt;/a&gt; - Using &lt;code&gt;queryOptions&lt;/code&gt; is an alternative to hooks for achieving a reusable data object. This approach allows you to use the object even outside of React components.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://kentcdodds.com/blog/how-i-used-cursor-to-migrate-frameworks" rel="noopener noreferrer"&gt;Kent C. Dodds - Migrating Remix v2 to React Router v7 with Cursor&lt;/a&gt; - Showcases how he used Composer for large-scale dependency upgrades completed in a day.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://sergiodxa.com/articles/react-router-loaders-and-actions-as-integration-points" rel="noopener noreferrer"&gt;React Router Loaders and Actions as Integration Points&lt;/a&gt; - Testing routing with business logic in isolation is tough due to complex mocking. The author suggests that mixing unit and e2e tests can solve that.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://sergiodxa.com/tutorials/create-a-multi-directory-route-organization-in-react-router" rel="noopener noreferrer"&gt;Create a Multi-Directory Route Organization in React Router&lt;/a&gt; - By using &lt;code&gt;flatRoutes&lt;/code&gt;, you can maintain a scalable structure with better logic separation in a growing React Router application.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://zenn.dev/smartvain/articles/coding-agent-kills-framework-nextjs-reverse-truth?locale=en" rel="noopener noreferrer"&gt;Removing Next.js Taught Me Why Frameworks Are Still Essential Even for AI&lt;/a&gt; - The author tried building with HTML and vanilla JS, then concludes that frameworks are necessary precisely because we are in the era of agents, giving them useful constraints. Note that Elon Musk predicts something different: AI will bypass coding and directly create binaries (&lt;a href="https://x.com/XFreeze/status/2021699619927781842" rel="noopener noreferrer"&gt;tweet&lt;/a&gt;).&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.nutrient.io/blog/react-usetransition-guide/" rel="noopener noreferrer"&gt;React’s useTransition: The hook you’re probably using wrong&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://tympanus.net/codrops/2026/02/24/from-flat-to-spatial-creating-a-3d-product-grid-with-react-three-fiber/" rel="noopener noreferrer"&gt;Creating a 3D Product Grid with React Three Fiber&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-feb25" rel="noopener noreferrer"&gt;Product for Engineers - 10x job posts for 10x engineers&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/vadimdemedes/ink/releases/tag/v6.8.0" rel="noopener noreferrer"&gt;Ink 6.8 - &lt;code&gt;renderToString()&lt;/code&gt;, React DevTools v7, performance caching&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/tomkp/react-split-pane/releases/tag/v3.2.0" rel="noopener noreferrer"&gt;Split Pane 3.2 - &lt;code&gt;pointerType&lt;/code&gt; in ResizeEvent&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://vercel.com/changelog/chat-sdk" rel="noopener noreferrer"&gt;Vercel Chat SDK - Lets you build chatbots, supports JSX syntax&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=Cw8scPKibe8" rel="noopener noreferrer"&gt;Josef Bender - Build a blog with type-safe Markdown and TanStack Start&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=1fUBWAETmkk" rel="noopener noreferrer"&gt;Fireship - TanStack Start in 100 Seconds&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=_L3uM8hD1wg" rel="noopener noreferrer"&gt;Hamed Bahram - Master nuqs in 1 hour - URL state in NextJs with François Best&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




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

&lt;p&gt;&lt;a href="https://formengine.io/lightweight-react-json-schema-form-builder-library-for-mui?utm_source=thisweekinreact&amp;amp;utm_medium=link&amp;amp;utm_campaign=mui&amp;amp;utm_content=lightweight&amp;amp;utm_term=sponsor2-250226" 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%2Fxafjm2ungvn90xfkyjpp.jpg" alt="Stop building MUI forms manually! Try FormEngine Core " width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://formengine.io/lightweight-react-json-schema-form-builder-library-for-mui?utm_source=thisweekinreact&amp;amp;utm_medium=link&amp;amp;utm_campaign=mui&amp;amp;utm_content=lightweight&amp;amp;utm_term=sponsor2-250226" rel="noopener noreferrer"&gt;Stop building MUI forms manually! Try FormEngine Core &lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Tired of rewriting the same MUI forms across projects? &lt;strong&gt;FormEngine Core&lt;/strong&gt; lets you build once in JSON and deploy everywhere no deep React knowledge required.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why developers are switching&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Write once, use anywhere:&lt;/strong&gt; One JSON schema works across all your apps&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Native MUI support:&lt;/strong&gt; Ready-to-use component package&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Lightweight:&lt;/strong&gt; 188.54 KB gzipped (FormEngine Core + MUI)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Next.js &amp;amp; Remix ready:&lt;/strong&gt; Drop-in support for modern frameworks&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Localization:&lt;/strong&gt; Powerful form localization with Fluent.js&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Custom actions:&lt;/strong&gt; Interactive logic through custom JavaScript&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Perfect for:&lt;/strong&gt; backend-driven forms, conditional logic, complex forms, admin panels, and multi-step wizards.&lt;br&gt;&lt;br&gt;
&lt;strong&gt;Open source &amp;amp; free forever&lt;/strong&gt; no vendor lock-in, no nonsense. Trusted by enterprises.&lt;br&gt;&lt;br&gt;
&lt;a href="https://formengine.io/lightweight-react-json-schema-form-builder-library-for-mui?utm_source=thisweekinreact&amp;amp;utm_medium=link&amp;amp;utm_campaign=mui&amp;amp;utm_content=lightweight&amp;amp;utm_term=sponsor2-250226" rel="noopener noreferrer"&gt;Quick Start = Working form in 60 seconds&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://x.com/tmikov/status/2024609186936660170" 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%2Fvqnty56mbui5rz98p0fe.jpg" alt="Hermes-node" width="800" height="416"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://x.com/tmikov/status/2024609186936660170" rel="noopener noreferrer"&gt;Hermes-node&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Tzvetan Mikov from the Hermes team announced Hermes-node, a CLI version of Hermes compatible with the Node.js API. Since Hermes-node acts as a compatibility layer, it can use original Node.js module implementations without needing to rewrite them - most work out of the box. You can think of this as simply swapping the V8 engine for Hermes. If combined with compiling Hermes to binary code, this feature could bring significant benefits to the entire Node.js ecosystem.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://fandf.co/3My3pHO" rel="noopener noreferrer"&gt;Amazon Developer – Build Fire TV apps with React Native on Vega OS. Port your apps, expand your reach, and monetize. &lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/facebook/react-native/pull/55665" rel="noopener noreferrer"&gt;React Native PR - CSS Grid is coming to React Native&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/kirillzyusko/react-native-keyboard-controller/pull/1314" rel="noopener noreferrer"&gt;Keyboard Controller PR - New &lt;code&gt;&amp;lt;KeyboardChatScrollView&amp;gt;&lt;/code&gt; component&lt;/a&gt; - Eliminates re-layouts during keyboard animations to improve performance&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/tannerlinsley/status/2024945690737254601" rel="noopener noreferrer"&gt;Tanner Linsley announced&lt;/a&gt; a PoC of TanStack Router running in React Native (&lt;a href="https://github.com/TanStack/router/compare/feat/react-native" rel="noopener noreferrer"&gt;GitHub code&lt;/a&gt;)&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/reactnavigation/status/2025525954618052746" rel="noopener noreferrer"&gt;React Navigation 8 is experimenting with &lt;code&gt;&amp;lt;Activity&amp;gt;&lt;/code&gt; for freezing and unmounting inactive screens&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/jmeistrich/status/2024455646368977393" rel="noopener noreferrer"&gt;Jay Meistrich is testing Legend List v3 in production (Legend App), resulting in significant performance improvements&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://adrov.me/brownfield-navigation/" rel="noopener noreferrer"&gt;Brownfield React Native app with multiple screens&lt;/a&gt; - Fixes a ReactFragment lifecycle race condition on Android and a static RN View Factory pattern on iOS - both needed to avoid crashes when pushing multiple RN screens.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://addjam.com/blog/2026-02-18/our-experience-adding-e2e-testing-react-native-maestro/" rel="noopener noreferrer"&gt;The experience of adding E2E testing to React Native with Maestro&lt;/a&gt; - A case study on the benefits of using Maestro over Detox: simpler, platform-agnostic configuration, fewer technical quirks, and a lower barrier to entry.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://reactnative.dev/blog/2026/02/24/react-native-comes-to-meta-quest" rel="noopener noreferrer"&gt;React Native Comes to Meta Quest&lt;/a&gt; - Meta officially announced support for Horizon OS, allowing developers to build VR applications using their existing Android tools and knowledge.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://sentry.engineering/blog/do-you-really-need-an-mcp-to-build-your-app" rel="noopener noreferrer"&gt;Do you need an MCP to build your native app?&lt;/a&gt; - A simple Markdown file with basic instructions can work better and is more affordable than a complex MCP from Xcode.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://codewithbeto.dev/tools/quickPush" rel="noopener noreferrer"&gt;QuickPush 2.0 - MacOS menu bar app for testing Expo Push Notification&lt;/a&gt; - Paid tool, can be used for free by compiling it from sources.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/react-native-vibe-code/react-native-vibe-code-sdk" rel="noopener noreferrer"&gt;RN Vibe Code - an open-source IDE for vibe coding&lt;/a&gt; - Runs in the browser.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/getsentry/sentry-react-native/releases/tag/8.1.0" rel="noopener noreferrer"&gt;Sentry React Native 8.1 - &lt;code&gt;enableTombstone&lt;/code&gt; for native crash reporting on Android 12+, iOS view filtering for session replay&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/PostHog/posthog-js/releases/tag/posthog-react-native%404.36.0" rel="noopener noreferrer"&gt;Posthog React Native 4.36 - Manual session replay control&lt;/a&gt; - New &lt;code&gt;startSessionRecording&lt;/code&gt;, &lt;code&gt;stopSessionRecording&lt;/code&gt;, and &lt;code&gt;isSessionReplayActive&lt;/code&gt; methods.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/stripe/stripe-react-native/releases/tag/v0.59.0" rel="noopener noreferrer"&gt;Stripe React Native 0.59 - Connect Embedded Components (preview), Radar session support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/DataDog/dd-sdk-reactnative/releases/tag/3.1.0" rel="noopener noreferrer"&gt;Datadog 3.1.0 - Feature Flags&lt;/a&gt; - Using an open standard for feature flag management.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/react-navigation/react-navigation/releases/tag/%40react-navigation/bottom-tabs%407.14.0" rel="noopener noreferrer"&gt;Bottom Tabs 7.14 - Support hiding the native tab bar&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/react-native-screens/releases/tag/4.24.0" rel="noopener noreferrer"&gt;Screens 4.24 - Last release with Legacy Architecture support, Split View enhancements, iOS 26 fixes&lt;/a&gt; - Next version will drop support for RN &amp;lt; 0.82 and only support the New Architecture.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/react-native-async-storage/async-storage/releases/tag/%40react-native-async-storage%2Fasync-storage%403.0.0" rel="noopener noreferrer"&gt;Async Storage 3.0 - Instance-based storage, promise-only API, renamed batch methods&lt;/a&gt; - Breaking major, consult migration guide to v3.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/Rednegniw/number-flow-react-native" rel="noopener noreferrer"&gt;Number Flow 0.2 - New library that provides Text component with build in rolling counter animation&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/mientjan/react-native-markdown-renderer/releases/tag/v4.0.0" rel="noopener noreferrer"&gt;Markdown Renderer 4.0&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/margelo/react-native-quick-crypto/releases/tag/v1.0.12" rel="noopener noreferrer"&gt;Quick Crypto 1.0.12 - Full NodeJS Crypto API compatibility&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://expo.dev/expo-skills" rel="noopener noreferrer"&gt;Expo Skills - Official collection&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/playlist?list=PLZ3MwD-soTTHSEF1_8J3JTTe6SfHGTc8w" rel="noopener noreferrer"&gt;React Universe Meetup x Zalando - All the talks are online&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=do1NdvGQRlg" rel="noopener noreferrer"&gt;Callstack - Using Apple Intelligence Seamlessly With @react-native-ai/apple&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=ohFPD_hWUzU" rel="noopener noreferrer"&gt;Callstack - MLC LLM + React Native: On-Device AI Without the Pain&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://share.transistor.fm/s/c2223e49" rel="noopener noreferrer"&gt;Rocket Ship 92 - React Native 0.84, Hermes V1 &amp;amp; A TanStack React Native Framework?&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.joshwcomeau.com/animation/sprites/" rel="noopener noreferrer"&gt;Josh Comeau - Sprites on the Web&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://una.im/border-shape/" rel="noopener noreferrer"&gt;border-shape: the future of the non-rectangular web&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://nodesource.com/blog/is-nodejs-single-threaded-or-not" rel="noopener noreferrer"&gt;Is Node.js Single-Threaded… or Not?&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://lukasniessen.medium.com/micro-frontends-when-they-make-sense-and-when-they-dont-a1a06b726065" rel="noopener noreferrer"&gt;Micro Frontends: When They Make Sense and When They Don’t&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://httptoolkit.com/blog/dictionary-compression-performance-zstd-brotli/" rel="noopener noreferrer"&gt;Slashing Web Traffic by 90%: The Power of Dictionary Compression&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://oxc.rs/blog/2026-02-24-oxfmt-beta" rel="noopener noreferrer"&gt;Oxfmt Beta - Prettier-compatible, 30x faster&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://vercel.com/blog/skills-night-69000-ways-agents-are-getting-smarter" rel="noopener noreferrer"&gt;Skills Night: 69,000+ ways agents are getting smarter&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=wvt5JNUXXLM" rel="noopener noreferrer"&gt;Theo - The Future of TypeScript&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/AdrianDittmann/status/2026184733743587420" 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%2Fnwy65usjiuucafo3idf8.jpg" alt="alt" width="800" height="864"&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 #269 : State of React, TanStack, Next.js | Hermes, Sparkling, Yoga | Interop, Electrobun, Module Federation</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 20 Feb 2026 13:31:28 +0000</pubDate>
      <link>https://forem.com/sebastienlorber/this-week-in-react-269-state-of-react-tanstack-nextjs-hermes-sparkling-yoga-interop-g7j</link>
      <guid>https://forem.com/sebastienlorber/this-week-in-react-269-state-of-react-tanstack-nextjs-hermes-sparkling-yoga-interop-g7j</guid>
      <description>&lt;p&gt;Hi everyone!&lt;/p&gt;

&lt;p&gt;Huge thanks ❤️ — &lt;strong&gt;we just hit &lt;a href="https://2025.stateofreact.com/en-US/resources/#blogs_news_magazines" rel="noopener noreferrer"&gt;#1 resource&lt;/a&gt;&lt;/strong&gt; on the State of React 2025 survey. Wild.&lt;/p&gt;

&lt;p&gt;This week leans heavily into TanStack and Next.js content, plus a few notable releases worth your time.&lt;/p&gt;

&lt;p&gt;On mobile, Hermes is clearly ramping up, and ByteDance just lowered the barrier to building Lynx apps.&lt;/p&gt;

&lt;p&gt;Let’s dive in.&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the &lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" rel="noopener noreferrer"&gt;official newsletter&lt;/a&gt; to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" 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%2Fz4uz6ixhzg21rrks3os9.png" alt="banner" width="800" height="373"&gt;&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://coderabbit.link/twir" 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%2Flw04v71ftw7jo1cg7bie.jpg" alt="Cut Code Review Time &amp;amp; Bugs in Half" width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://coderabbit.link/twir" rel="noopener noreferrer"&gt;Cut Code Review Time &amp;amp; Bugs in Half&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Code reviews are critical but time-consuming. CodeRabbit acts as your AI co-pilot, providing instant Code review comments and potential impacts of every pull request.&lt;/p&gt;

&lt;p&gt;Beyond just flagging issues, CodeRabbit provides one-click fix suggestions and lets you define custom code quality rules using AST Grep patterns, catching subtle issues that traditional static analysis tools might miss.&lt;/p&gt;

&lt;p&gt;CodeRabbit reviews 1 million PRs every week across 3 million repositories and is used by 100 thousand Open-source projects.&lt;/p&gt;

&lt;p&gt;CodeRabbit is free for all open-source repo's.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://coderabbit.link/twir" rel="noopener noreferrer"&gt;Get started today&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://2025.stateofreact.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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fw4a6a3zqriuj63a8s7de.jpg" alt="State of React 2025 - Survey Results" width="800" height="485"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://2025.stateofreact.com/" rel="noopener noreferrer"&gt;State of React 2025 - Survey Results&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The State of React 2025 survey results are out. It’s impossible to summarize it all here, but here's what I've taken away:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;useEffect&lt;/code&gt; remains the most disliked hook&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;&amp;lt;Suspense&amp;gt;&lt;/code&gt; increased in both adoption and satisfaction&lt;/li&gt;
&lt;li&gt;React Server Components and Server Functions divide&lt;/li&gt;
&lt;li&gt;Although usage is still low, &lt;code&gt;&amp;lt;Activity&amp;gt;&lt;/code&gt; reaches a 100% satisfaction score&lt;/li&gt;
&lt;li&gt;TanStack Query and Zustand remain the favorite libraries&lt;/li&gt;
&lt;li&gt;Your favorite resources are the official docs, this newsletter (❤️), Syntax.fm, Theo.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Read also the &lt;a href="https://certificates.dev/blog/breaking-down-state-of-react-2025-results" rel="noopener noreferrer"&gt;breakdown from Aurora Scharff&lt;/a&gt;, who wrote the survey conclusion.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://frontendmasters.com/courses/react-performance-v2/?utm_source=reactweekly&amp;amp;utm_medium=email&amp;amp;utm_campaign=reactperf" rel="noopener noreferrer"&gt;Make React apps fast where it actually matters. Learn how to diagnose real bottlenecks and fix slow, janky React apps using modern React 19 patterns.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🔐 &lt;a href="https://socket.dev/blog/high-severity-rce-vulnerability-disclosed-in-next-mdx-remote" rel="noopener noreferrer"&gt;High-Severity RCE Vulnerability Disclosed in next-mdx-remote&lt;/a&gt; - Member that MDX is code and it’s unsafe to evaluate untrusted MDX strings.&lt;/li&gt;
&lt;li&gt;🗓 &lt;a href="https://react.paris/?utm_source=thisweekinreact" rel="noopener noreferrer"&gt;React Paris 2026&lt;/a&gt; - 🇫🇷 Paris - 26 &amp;amp; 27 March. Last chance to join! Ticket sales close on March 4th - don't miss this premier React event. Get a 10% discount with code "TWIR".&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://vercel.com/blog/we-ralph-wiggumed-webstreams-to-make-them-10x-faster" rel="noopener noreferrer"&gt;Vercel - We Ralph Wiggumed WebStreams to make them 10x faster&lt;/a&gt; - For Next.js and other React/SSR/RSC heavy workloads, the Node.js native implementation of WebStreams can be major a bottleneck. They implemented a much faster spec-compliant alternative, until upstream performance improvements land in Node.js. No doubt Next.js is going to benefit from all this soon.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://nextjs.org/blog/agentic-future" rel="noopener noreferrer"&gt;Building Next.js for an agentic future&lt;/a&gt; - The Next.js team realized they need to treats agents as first-class users, thinking from their perspective.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://rednegra.net/blog/20260212-virtual-scroll/" rel="noopener noreferrer"&gt;Virtual Scrolling for Billions of Rows&lt;/a&gt; - 5 vertical scrolling techniques from the &lt;code&gt;`hightable`&lt;/code&gt; React virtualization library.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://shadcnspace.com/blog/radix-ui-vs-base-ui" rel="noopener noreferrer"&gt;Radix UI vs Base UI - Detailed Guide&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://dev.to/elvissautet/nextjs-finally-has-competition-2lg7"&gt;Next.js Finally Has Competition (TanStack Start)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://engineering.gusto.com/the-journey-to-a-safer-frontend-why-we-removed-react-fc-095ff0b3e2e4" rel="noopener noreferrer"&gt;The Journey to a Safer Frontend: Why Gusto Removed&lt;/a&gt; &lt;a href="http://React.FC" rel="noopener noreferrer"&gt;&lt;code&gt;React.FC&lt;/code&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://r2trck.com/twir-7?utm_medium=email-media-newsletter&amp;amp;utm_source=twir-cpa&amp;amp;utm_campaign=the-secret-to-faster-rag-systems-cpa&amp;amp;utm_content=paid&amp;amp;utm_term=1-1-2026" rel="noopener noreferrer"&gt;The Secret to Faster RAG Systems by ElevenLabs&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/tailwindlabs/tailwindcss/releases/tag/v4.2.0" rel="noopener noreferrer"&gt;Tailwind 4.2 - Webpack plugin, new utilities and color palettes&lt;/a&gt; - The Webpack plugin has been contributed by Tim Neutkens and should lead to &lt;a href="https://x.com/timneutkens/status/2024140710786523301" rel="noopener noreferrer"&gt;significant&lt;/a&gt; performance improvements for frameworks like Next.js (even for Turbopack).&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://base-ui.com/react/overview/releases/v1-2-0" rel="noopener noreferrer"&gt;Base UI 1.2 - Drawer component, support lazy/async components in &lt;code&gt;render&lt;/code&gt;, new &lt;code&gt;useFilteredItems&lt;/code&gt; hook&lt;/a&gt; - The new Drawer component is in preview (&lt;a href="https://base-ui.com/react/components/drawer" rel="noopener noreferrer"&gt;docs&lt;/a&gt;) for now. Unlike Radix, it’s not based on Vaul (now unmaintained).&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://tanstack.com/hotkeys/latest" rel="noopener noreferrer"&gt;TanStack Hotkeys alpha&lt;/a&gt; - This brand-new TanStack library is framework-agnostic, but initially comes with a first-class React integration. It provides a type-safe API, normalizes modifiers across platforms, supports multi-step keyboard sequences, and more.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://tanstack.com/start/latest/docs/framework/react/guide/import-protection" rel="noopener noreferrer"&gt;TanStack Start 1.161 - Import protection&lt;/a&gt; - Ensures your code runs in the right client/server environment.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/preactjs/preact/releases/tag/11.0.0-beta.1" rel="noopener noreferrer"&gt;Preact 11.0 beta.1&lt;/a&gt; - By the way, TanStack query now &lt;a href="https://github.com/TanStack/query/releases/tag/%40tanstack%2Fpreact-query%405.91.0" rel="noopener noreferrer"&gt;supports Preact&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/millionco/react-doctor" rel="noopener noreferrer"&gt;React Doctor - Scan your codebase, let coding agents diagnose/fix your React code&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/vercel-labs/json-render/releases/tag/%40json-render%2Fshadcn%400.7.0" rel="noopener noreferrer"&gt;json-render 0.7 - Generative UI framework - Add 30+ shadcn/ui components, and more&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=Ab01W6h4Giw" rel="noopener noreferrer"&gt;Austin Davis - TanStack Router - How to Become a Routing God in React&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=3jJ2Xz-oWt8" rel="noopener noreferrer"&gt;Josef Bender - TanStack Loaders vs Context: What I Got Wrong&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=vKsh_qrv7lM" rel="noopener noreferrer"&gt;Shruti Kapoor - Build a YouTube content dashboard with generative UI (Tambo)&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/seer-workshop-series/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=seer-fy27q1-seerworkshop&amp;amp;utm_content=newsletter-workshop-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.amazonaws.com%2Fuploads%2Farticles%2Fqtbnoe7m0ltd8e6av9jq.jpg" alt="Free Workshop: Debug React Apps With AI From Dev to Prod" width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://sentry.io/resources/seer-workshop-series/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=seer-fy27q1-seerworkshop&amp;amp;utm_content=newsletter-workshop-register" rel="noopener noreferrer"&gt;Free Workshop: Debug React Apps With AI From Dev to Prod&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;🧠 &lt;a href="https://sentry.io/product/seer/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=seer-fy27q1-seerlaunch&amp;amp;utm_content=newsletter-product-trysentry" rel="noopener noreferrer"&gt;&lt;strong&gt;Seer&lt;/strong&gt; is Sentry's AI debugging agent&lt;/a&gt;. It root causes errors, suggests fixes, and catches bugs in code review before they hit production.&lt;/p&gt;

&lt;p&gt;This free 4-part workshop series covers the full workflow: production error triage, root cause analysis, AI code review, and debugging via MCP. Each session goes hands-on with a specific feature so you can actually set it up and use it in your own projects. No fluff, just walkthroughs you can follow along with.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://sentry.io/resources/seer-workshop-series/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=seer-fy27q1-seerworkshop&amp;amp;utm_content=newsletter-workshop-register" rel="noopener noreferrer"&gt;&lt;strong&gt;Register today&lt;/strong&gt;&lt;/a&gt;.&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://x.com/tmikov/status/2023821160241393839" 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%2Fo5y7hkij1pib70f58xhc.jpg" alt="WebAssembly Comes to Hermes" width="800" height="319"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://x.com/tmikov/status/2023821160241393839" rel="noopener noreferrer"&gt;WebAssembly Comes to Hermes&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;An exciting early preview of WebAssembly support in Hermes, unlocking new ways to integrate C, C++, Rust, and more into your React Native app. It’s even possible to precompile WASM to Hermes bytecode &lt;code&gt;.hbc&lt;/code&gt; files.&lt;/p&gt;




&lt;p&gt;&lt;a href="https://tiktok.github.io/sparkling/" 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%2Fiwbf3h5pdicg5flj6l85.jpg" alt="Sparkling - Unlocks Lynx at TikTok Scale" width="800" height="394"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://tiktok.github.io/sparkling/" rel="noopener noreferrer"&gt;Sparkling - Unlocks Lynx at TikTok Scale&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;ByteDance unveiled Lynx last year as an interesting framework-agnostic alternative to React Native. So far, the DX has been limited, and there has been no easy way to create a new Lynx app from scratch. Sparkling changes that, and offers the tooling that Lynx apps deserve. By the way, &lt;a href="https://lynxjs.org/blog/lynx-3-6" rel="noopener noreferrer"&gt;Lynx 3.6&lt;/a&gt; is out, improving support for React, AI, and CSS.&lt;/p&gt;

&lt;p&gt;See also:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;📦 &lt;a href="https://lynxjs.org/blog/lynx-3-6" rel="noopener noreferrer"&gt;Lynx 3.6 - Lynx for AI, ReactLynx hooks, CSS for Design&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.callstack.com/events/sparkling-a-new-framework-for-lynx" rel="noopener noreferrer"&gt;Sparkling: A New Framework for Lynx&lt;/a&gt; - A 2h event with Callstack and the Lynx team.&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-feb18" rel="noopener noreferrer"&gt;Product for Engineers - 10x job posts for 10x engineers&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/facebook/yoga/pull/1874" rel="noopener noreferrer"&gt;Yoga PR - Add core Yoga support for CSS &lt;code&gt;calc()&lt;/code&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/the-production-playbook-for-ota-updates" rel="noopener noreferrer"&gt;Expo - The production playbook for OTA updates&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.callstack.com/blog/agent-device-ai-native-mobile-automation-for-ios-android" rel="noopener noreferrer"&gt;Agent Device: iOS &amp;amp; Android Automation for AI Agents&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.callstack.com/blog/a-practical-guide-to-react-native-monorepo-with-yarn-workspaces" rel="noopener noreferrer"&gt;A Practical Guide to React Native Monorepo With Yarn Workspaces&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.react-native-ai.dev/docs/json-ui/getting-started" rel="noopener noreferrer"&gt;@react-native-ai/json-ui alpha - Generative UI, tailor-made for small, local language models&lt;/a&gt; - Similar to json-render, but on-device.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/getsentry/sentry-react-native/releases/tag/8.0.0" rel="noopener noreferrer"&gt;Sentry React Native 8.0 - Capture App Start errors and crashes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/agent-device/releases/tag/v0.4.0" rel="noopener noreferrer"&gt;Agent Device 0.4 - CLI to control iOS/Android devices - Supports testing on physical devices&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/react-native-enriched/releases/tag/v0.4.0" rel="noopener noreferrer"&gt;Enriched 0.4 - Rich text editor - Support animated gifs, pasting images, checkbox lists&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion-labs/react-native-enriched-markdown/releases/tag/0.2.0" rel="noopener noreferrer"&gt;Enriched Markdown 0.2 - Layout controls, a11y, font scaling, strikethrough/underline&lt;/a&gt; - The next release will be even better, &lt;a href="https://github.com/software-mansion-labs/react-native-enriched-markdown/issues/47#issuecomment-3914681397" rel="noopener noreferrer"&gt;bringing full GitHub Flavored Markdown support&lt;/a&gt; (support for tables/autolinks already merged).&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/arekkubaczkowski/react-native-bottom-sheet-stack/releases/tag/v1.8.0" rel="noopener noreferrer"&gt;Bottom Sheet Stack 1.8 - Stack manager for bottom sheets and modals - Now library-agnostic, including built-in adapters&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/voltra/releases/tag/v1.2.0" rel="noopener noreferrer"&gt;Voltra 1.2 - Widgets/Live Activities framework - New iOS layout engine, improved Expo support, new &lt;code&gt;getActiveWidgets()&lt;/code&gt; API&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://skills.sh/callstack/react-native-testing-library/react-native-testing" rel="noopener noreferrer"&gt;React Native Testing Library Skill&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://skills.sh/react-native-community/skills/upgrade-react-native" rel="noopener noreferrer"&gt;React Native Community - Upgrade RN Skill&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=ycYM_zKEF_4" rel="noopener noreferrer"&gt;Beto - How to Add Rich Push Notifications in Expo (iOS Images)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=nARu6acI5kM" rel="noopener noreferrer"&gt;Simon Grimm - How I’d Learn React Native Today (2026 Edition)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://www.callstack.com/podcasts/local-first-voice-ai-and-app-security" rel="noopener noreferrer"&gt;React Universe on Air - From Teddy Bears to Voice Agents: Kraen Hansen on Voice AI, Local-First &amp;amp; App Security&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://webkit.org/blog/17818/announcing-interop-2026/" rel="noopener noreferrer"&gt;Interop 2026&lt;/a&gt; - Web browsers unveiled their focus areas for the year. This includes new features (cross-document view transitions, scroll-driven animations, container style queries…), but also stabilizing carryovers from Interop 2025 (anchor positioning, navigation API…).&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://www.w3.org/TR/2026/WD-selectors-5-20260217/" rel="noopener noreferrer"&gt;Selectors Level 5 - W3C First Public Working Draft&lt;/a&gt; - Preview of new CSS selectors and pseudo-classes being worked.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://frontendmasters.com/blog/fun-with-typescript-generics/" rel="noopener noreferrer"&gt;Fun with TypeScript Generics&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://cpojer.net/posts/fastest-frontend-tooling" rel="noopener noreferrer"&gt;Fastest Frontend Tooling for Humans &amp;amp; AI&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://module-federation.io/blog/v2-stable-version.html" rel="noopener noreferrer"&gt;Module Federation 2.0 - Micro-Frontend Architecture&lt;/a&gt; - Adds support for SSR among many other things. They also plan to add support for React Server Components later.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://blackboard.sh/blog/electrobun-v1/" rel="noopener noreferrer"&gt;Electrobun 1.0 - Build ultra fast, tiny, and cross-platform desktop apps with TypeScript&lt;/a&gt; - An alternative to Tauri based on Bun/Zig.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://developer.chrome.com/blog/new-in-devtools-145" rel="noopener noreferrer"&gt;Chrome 145 DevTools&lt;/a&gt; - The performance panel now includes Soft Navigation markers, improving the DX when troubleshooting client-side navigation (SPA/CSR apps).&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://biomejs.dev/blog/biome-v2-4/" rel="noopener noreferrer"&gt;Biome 2.4 - Embedded Snippets, HTML Accessibility, and Better Framework Support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://pnpm.io/blog/releases/10.30" rel="noopener noreferrer"&gt;pnpm 10.30 - Improves &lt;code&gt;pnpm why&lt;/code&gt;, showing an easier-to-understand reverse dependency tree&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/DavidKPiano/status/1981470720166154567" 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%2Facgrcabrm1ehll3lz9wt.jpg" alt="alt" width="800" height="691"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://x.com/swyx/status/2022854115748122909" 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%2Fq4mlsna45cpq7sgc6k9c.jpg" alt="alt" width="800" height="936"&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 #268 :Bulletproof Comps, Render Types | RN 0.84, Gestures, Rozenite, Storybook | Vitest, VSCode</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 13 Feb 2026 12:48:50 +0000</pubDate>
      <link>https://forem.com/sebastienlorber/this-week-in-react-268-bulletproof-comps-render-types-rn-084-gestures-rozenite-storybook-2097</link>
      <guid>https://forem.com/sebastienlorber/this-week-in-react-268-bulletproof-comps-render-types-rn-084-gestures-rozenite-storybook-2097</guid>
      <description>&lt;p&gt;Hi everyone!&lt;/p&gt;

&lt;p&gt;This week, we have a good variety of React content, with great community articles and various releases. Many generative UI solutions are emerging, and I’m curious to better understand how they differ from one another.&lt;/p&gt;

&lt;p&gt;React Native 0.84 just dropped, and Gesture Handler 3 is in beta. Expo SDK 55 should also be out soon.&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the &lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" rel="noopener noreferrer"&gt;official newsletter&lt;/a&gt; to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" 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%2Fz4uz6ixhzg21rrks3os9.png" alt="banner" width="800" height="373"&gt;&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://sentry.io/product/seer/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=seer-fy27q1-seerlaunch&amp;amp;utm_content=newsletter-product-trysentry" 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%2Fnqfhfhdatzxfr2zrwp37.jpg" alt="Seer: AI that debugs React errors and writes the fix" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://sentry.io/product/seer/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=seer-fy27q1-seerlaunch&amp;amp;utm_content=newsletter-product-trysentry" rel="noopener noreferrer"&gt;Seer: AI that debugs React errors and writes the fix&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Most AI coding tools only see your source code. &lt;a href="https://blog.sentry.io/seer-debug-with-ai-at-every-stage-of-development/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=seer-fy27q1-seerlaunch&amp;amp;utm_content=newsletter-blog-launch-learnmore" rel="noopener noreferrer"&gt;&lt;strong&gt;Seer, Sentry's AI debugging agent&lt;/strong&gt;&lt;/a&gt;, uses everything Sentry knows about how your React application behaves in production—component trees, state updates, user interactions, and runtime errors—to debug locally, in your PR, and in production.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How it works:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Seer scans &amp;amp; analyzes issues using all Sentry's available context.&lt;/li&gt;
&lt;li&gt;In development, Seer debugs alongside you as you build&lt;/li&gt;
&lt;li&gt;In review, Seer alerts you to bugs that are likely to break production&lt;/li&gt;
&lt;li&gt;In production, Seer can find a bug's root cause, suggest a fix, open a PR automatically, or send the fix to your preferred IDE.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://sentry.io/product/seer/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=seer-fy27q1-seerlaunch&amp;amp;utm_content=newsletter-product-trysentry" rel="noopener noreferrer"&gt;Try Sentry for free&lt;/a&gt; ➡️&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://shud.in/thoughts/build-bulletproof-react-components" 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%2Fx7wrivp1m4gbhtehxd1y.jpg" alt="Building Bulletproof React Components" width="800" height="266"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://shud.in/thoughts/build-bulletproof-react-components" rel="noopener noreferrer"&gt;Building Bulletproof React Components&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;A great read from an experienced Vercel engineer, sharing various lessons to harden your React components. The goal is to make them survive real-world usage (SSR, hydration, multiple instances, concurrency, portals, etc.) rather than just working on the happy path.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://formengine.io/lightweight-react-json-schema-form-builder-library-for-mui?utm_source=thisweekinreact&amp;amp;utm_medium=link&amp;amp;utm_campaign=mui&amp;amp;utm_content=lightweight&amp;amp;utm_term=nodeepreactknowledgerequired" rel="noopener noreferrer"&gt;FormEngine Core – Lightweight React JSON Schema form builder library for MUI with true cross-app reuse. No deep React knowledge required&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://barvian.me/react-exit-animations" rel="noopener noreferrer"&gt;A React trick to improve exit animations&lt;/a&gt; - Freezing the component’s content while it’s animating to avoid visual glitches.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://winfunc.com/blog/recent-0-days-in-nodejs-and-react-were-found-by-an-ai" rel="noopener noreferrer"&gt;The Recent CVEs in React and Node.js Were Found by an AI&lt;/a&gt; - Interesting to see the process of security researchers to find the recent RSC DoS vulnerability, and how it can be automated.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://anita-app.com/blog/articles/react-compiler-and-why-class-objects-work-against-memoization.html" rel="noopener noreferrer"&gt;React Compiler and why class objects can work against memoization&lt;/a&gt; - Prefer plain data and pure helpers that the React compiler can observe as inputs.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.sanity.io/blog/the-logo-soup-problem" rel="noopener noreferrer"&gt;The logo soup problem (and how to solve it)&lt;/a&gt; - Brand logos come in various logo shapes, aspect ratios, padding, and weights. Creating a visually aesthetic logo grid is surprisingly complex, but we now have a React library to help normalize them.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://techhub.iodigital.com/articles/nextjs-at-enterprise-level" rel="noopener noreferrer"&gt;Next.js at Enterprise Level&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://spin.atomicobject.com/authenticated-routes-tanstack-router/" rel="noopener noreferrer"&gt;Authenticated Routes with TanStack Router&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-feb11" rel="noopener noreferrer"&gt;Product for Engineers - How I actually get good advice&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://tambo.co/blog/posts/introducing-tambo-generative-ui" rel="noopener noreferrer"&gt;Tambo 1.0 - Generative UI SDK for React&lt;/a&gt; - An interesting full-stack solution for generative UI with React, tackling problems such as UI state persistence, streaming, and more. Comes with a backend that you can deploy on their cloud or self-host.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/HorusGoul/eslint-plugin-react-render-types" rel="noopener noreferrer"&gt;eslint-plugin-react-render-types - Brings Flow's Render Types to TypeScript via JSDoc&lt;/a&gt; - Render Types is a really cool feature of Flow that lets you express constraints on React composition patterns, loved by many engineers at Meta. TypeScript doesn’t support this capability natively, but this ESLint plugin enables it.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/blazejkustra/react-compiler-marker" rel="noopener noreferrer"&gt;React Compiler Marker - Universal IDE extension, shows which components are optimized by the Compiler&lt;/a&gt; - Recently switched to an LSP, unlocking support for additional IDEs: IntelliJ/WebStorm/Neovim.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/mmarinovic/React2AWS" rel="noopener noreferrer"&gt;React2AWS - Write AWS infrastructure like you write React components&lt;/a&gt; - Generates production-ready Terraform from JSX components and Tailwind-inspired classNames 🤪, fun idea.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/vadimdemedes/ink/releases/tag/v6.7.0" rel="noopener noreferrer"&gt;Ink 6.7 CLI renderer - Add support for React concurrent rendering, synchronized updates&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://ui.shadcn.com/docs/changelog/2026-02-blocks" rel="noopener noreferrer"&gt;shadcn/ui - All blocks now available for both Radix and Base UI&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/brucetoo/visual-agentic-dev" rel="noopener noreferrer"&gt;Visual Agentic Dev - Immersive React dev environment that lives within the browser&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/vercel/streamdown/releases/tag/streamdown%402.2.0" rel="noopener noreferrer"&gt;Streamdown 2.2 - Animated streaming, improves support for custom HTML elements, completes ReactMarkdown props&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=GlaFgKgtJM4" rel="noopener noreferrer"&gt;Wawa Sensei - 3 React Three Fiber Mistakes I'll Never Make Again&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://www.reactiflux.com/transcripts/tmir-2026-01" rel="noopener noreferrer"&gt;This Week in React - Oops more CVEs. AI has React "skills", Astro exits and Tailwind struggles&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




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

&lt;p&gt;&lt;a href="https://frontendmasters.com/courses/react-performance-v2/?utm_source=reactweekly&amp;amp;utm_medium=email&amp;amp;utm_campaign=reactperf" 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%2Flrfodpocxvoebqxenvja.jpg" alt="React Performance, v2" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://frontendmasters.com/courses/react-performance-v2/?utm_source=reactweekly&amp;amp;utm_medium=email&amp;amp;utm_campaign=reactperf" rel="noopener noreferrer"&gt;React Performance, v2&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Make React apps fast where it actually matters.&lt;/p&gt;

&lt;p&gt;An advanced performance course from &lt;strong&gt;Steve Kinney&lt;/strong&gt;, focused on diagnosing real bottlenecks and fixing slow, janky React apps using modern React 19 patterns.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;🚀 &lt;strong&gt;Modern React&lt;/strong&gt;: Suspense, transitions, deferred values, hydration, server actions&lt;/li&gt;
&lt;li&gt;🔍 &lt;strong&gt;Debug Faster&lt;/strong&gt;: Find unnecessary re-renders with React DevTools &amp;amp; the Profiler&lt;/li&gt;
&lt;li&gt;🧠 &lt;strong&gt;Smart Optimization&lt;/strong&gt;: Memoization, virtualization, code splitting, optimistic UI&lt;/li&gt;
&lt;li&gt;⚡ &lt;strong&gt;Feel-Fast UX&lt;/strong&gt;: Learn how React Fiber prioritizes work to keep apps responsive&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;⏱ 4+ hours • ⭐ 4.8 rating\&lt;br&gt;
🏫 From &lt;strong&gt;Frontend Masters&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;👉 Watch the course: &lt;a href="https://frontendmasters.com/courses/react-performance-v2/?utm_source=reactweekly&amp;amp;utm_medium=email&amp;amp;utm_campaign=reactperf" rel="noopener noreferrer"&gt;https://frontendmasters.com/courses/react-performance-v2/&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/02/11/react-native-0.84" 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%2Fomwjeo9ih7de72bkl9e4.jpg" alt="React Native 0.84" width="800" height="185"&gt;&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;A new version of React Native just dropped. The highlights:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Hermes V1 is now enabled by default for automatic performance gains and reduced memory usage&lt;/li&gt;
&lt;li&gt;Precompiled binaries on iOS by default for faster builds, with an opt-out to build from source&lt;/li&gt;
&lt;li&gt;Legacy Architecture Components removed for both iOS and Android&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;&lt;a href="https://blog.swmansion.com/introducing-gesture-handler-3-0-hook-based-api-deeper-reanimated-integration-more-9185b0c8e305" 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%2F3cl3k54wf2yk9ea131ub.jpg" alt="Gesture Handler 3.0 beta - Hook-Based API, Deeper Reanimated Integration &amp;amp; More" width="800" height="242"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://blog.swmansion.com/introducing-gesture-handler-3-0-hook-based-api-deeper-reanimated-integration-more-9185b0c8e305" rel="noopener noreferrer"&gt;Gesture Handler 3.0 beta - Hook-Based API, Deeper Reanimated Integration &amp;amp; More&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;This new major version has been overhauled internally. It drops support for the Legacy Architecture, unlocking new capabilities, such as attaching gestures to text fragments. No APIs were removed, but a new hooks-based API makes it compatible with the React Compiler. They also improved the integration with Reanimated and Animated.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://radon.swmansion.com/?utm_source=TWIR3" rel="noopener noreferrer"&gt;Radon by Software Mansion - Join 42k+ React Native developers using Radon for faster, more efficient React Native development.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/facebook/react-native/pull/55463" rel="noopener noreferrer"&gt;React Native PR - Support React Portal with Fabric&lt;/a&gt; - React Native portals have been all the rage lately. Teleport just launched 1.0 last week, and we now have an experimental PR that kicks off the discussion of bringing first-class portal support to React Native, at the shadow-tree level (cross-platform).&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/wcandillon/status/2020814389142605857" rel="noopener noreferrer"&gt;William Candillon sharing WebGPU + Skia demos&lt;/a&gt; - You can seamlessly interleave one into the other from both sides.&lt;/li&gt;
&lt;li&gt;📅 &lt;a href="https://appjs.co/#speak" rel="noopener noreferrer"&gt;App.js Conf is looking for speakers! Apply to share your insights and stories about building with React Native &amp;amp; Expo!&lt;/a&gt; - The CFP is open until 28th February, and you can also get a 10% discount on tickets with our code “TWIR”.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.chmal.it/blog/building-rozenite-the-injection/" rel="noopener noreferrer"&gt;Building Rozenite: The injection&lt;/a&gt; - Explains how Rozenite is able to add specialized panels to the React Native DevTools, by hijacking a request.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://theguardian.engineering/blog/faster-cheaper-messier-lessons-from-switch-to-self-hosted-github-actions" rel="noopener noreferrer"&gt;Faster, cheaper, messier: lessons from our switch to self-hosted GitHub Actions&lt;/a&gt; - Feedback from The Guardian after migrating their iOS app build from GitHub cloud runners to a self-hosted Mac Mini.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/how-to-modernize-mobile-retail-apps-with-expo" rel="noopener noreferrer"&gt;How to modernize mobile retail apps with Expo&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/dannyhw/react-native-storybook-tools" rel="noopener noreferrer"&gt;React Native Storybook Tools&lt;/a&gt; - RN Storybook maintainer created a new VSCode extension that lets you seamlessly navigate from/to your stories, and a Rozenite devtool plugin.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/vercel-labs/json-render/releases/tag/%40json-render%2Fcore%400.5.0" rel="noopener noreferrer"&gt;JSON Render 0.5 - Support for React Native&lt;/a&gt; - The generative UI library from Vercel now comes with a React Native integration. See also this &lt;a href="https://x.com/ctatedev/status/2020767354108453020" rel="noopener noreferrer"&gt;X video demo&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/TheWidlarzGroup/react-native-video-feed" rel="noopener noreferrer"&gt;React Native Video Feed&lt;/a&gt; - Starter for building TikTok-style video feeds, based on react-native-video v7 (still in beta).&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/EvanBacon/expo-apple-targets" rel="noopener noreferrer"&gt;Expo Apple Target 4.0 - Add support for 20+ new targets&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstack/react-native-material-palette" rel="noopener noreferrer"&gt;React Native Material Palette - Android Palette API, extracts prominent colors from images&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/react-native-executorch/releases/tag/v0.7.0" rel="noopener noreferrer"&gt;React Native ExecuTorch 0.7 - Local speech synthesis&lt;/a&gt; - If you are excited about offline-first AI, check also their &lt;a href="https://github.com/software-mansion/react-native-executorch/discussions/736" rel="noopener noreferrer"&gt;roadmap toward v1&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/arunabhverma/expo-paste-input" rel="noopener noreferrer"&gt;Expo Paste Input - Paste images and GIFs directly from the system clipboard, flexible native wrapper around &lt;code&gt;TextField&lt;/code&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://sheet.lodev09.com/blog/side-sheets" rel="noopener noreferrer"&gt;True Sheet 3.9 - Side Sheets for iPad and Tablets&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/brunobar79/expo-openclaw-chat" rel="noopener noreferrer"&gt;Expo OpenClaw Chat - Minimal SDK for Expo apps to connect to OpenClaw gateway&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://hyochan.github.io/react-native-iap/blog/14.7.9/" rel="noopener noreferrer"&gt;React Native IAP 14.7.9 - 14.7.9 - tvOS, macOS &amp;amp; watchOS Support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://github.com/callstackincubator/agent-skills/tree/main/skills/upgrading-react-native" rel="noopener noreferrer"&gt;Callstack Agent Skills updated - New skills to upgrade React Native / Expo&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=_XGlN4jvIaA" rel="noopener noreferrer"&gt;Beto - Expo Router iOS 26 Tutorial: Native Tabs, Toolbars, Zoom Transitions (SDK 55)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=CIlrfQSSkyc" rel="noopener noreferrer"&gt;Software Mansion - Radon, An IDE for React Native &amp;amp; Expo&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=7EaQlJaFV4I" rel="noopener noreferrer"&gt;Callstack - What Is the React Native AI SDK? A Complete Intro &amp;amp; Quickstart&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://infinite.red/react-native-radio/rnr-353-node-api-support-for-react-native-with-krn-hansen" rel="noopener noreferrer"&gt;RNR 353 - Node-API Support for React Native with Kræn Hansen&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://share.transistor.fm/s/41aa2d87" rel="noopener noreferrer"&gt;Rocket Ship 91 - Gesture Handler v3, AI Agents Everywhere, Animated Components &amp;amp; Tiny Harvest Momentum&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/63085" rel="noopener noreferrer"&gt;TypeScript 6.0 Iteration Plan&lt;/a&gt; - The last JS-based version (no 6.1 planned) is about to drop in beta (last minute edit: &lt;a href="https://devblogs.microsoft.com/typescript/announcing-typescript-6-0-beta/" rel="noopener noreferrer"&gt;6.0 beta is out&lt;/a&gt;). A bridge release that prepares us for the faster 7.0 Go rewrite. One notable change is to turn strict mode on by default.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://webpack.js.org/blog/2026-04-02-roadmap-2026/" rel="noopener noreferrer"&gt;Webpack - Roadmap 2026&lt;/a&gt; - The historical bundler plans to ship several new features, such as native CSS module, TS loader, multi-threading support, a universal runtime target, a unified minimizer API, and more. They also published v5.105 recently, with support for &lt;code&gt;tsconfig.json&lt;/code&gt; alias resolution.&lt;/li&gt;
&lt;li&gt;📖 &lt;a href="https://main.vitest.dev/guide/test-tags.html" rel="noopener noreferrer"&gt;Vitest 4.1 beta - Test tags&lt;/a&gt; - This upcoming feature lets you categorize tests under tags that you can configure independently. For example, you could tag a test as flaky to assign it a specific retry/timeout policy.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://domenic.me/jsdom-claude-code/" rel="noopener noreferrer"&gt;The Wrong Work, Done Beautifully&lt;/a&gt; - The author of &lt;code&gt;jsdom&lt;/code&gt; reflects on the usefulness of his popular library compared to headless browsers. However, Claude Code restored his enthusiasm for maintaining the project. By the way, v28.0 is out.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.atriiy.dev/blog/rolldown-high-performance-code-splitting" rel="noopener noreferrer"&gt;How Rolldown Works: High-Performance Code Splitting with Bitset Logic&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://almostnode.dev/" rel="noopener noreferrer"&gt;Almostnode - Node.js in your browser&lt;/a&gt; - This lightweight and open alternative to WebContainers can run Next.js and Vite apps.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://developer.chrome.com/release-notes/145" rel="noopener noreferrer"&gt;Chrome 145 - &lt;code&gt;Map.prototype.getOrInsert()&lt;/code&gt;, CSS &lt;code&gt;text-justify&lt;/code&gt;, &lt;code&gt;letter-spacing&lt;/code&gt;&lt;/a&gt; - They also announced an &lt;a href="https://developer.chrome.com/blog/webmcp-epp" rel="noopener noreferrer"&gt;early preview of WebMCP&lt;/a&gt; in Chrome 146, letting you expose tools for AI agents to interact with your websites/apps.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://eslint.org/blog/2026/02/eslint-v10.0.0-released/" rel="noopener noreferrer"&gt;ESLint 10.0 - Improves JSX references tracking, removes eslintrc configuration, smaller&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://bun.com/blog/bun-v1.3.9" rel="noopener noreferrer"&gt;Bun 1.3.9 - &lt;code&gt;bun run –parallel / –sequential&lt;/code&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://code.visualstudio.com/updates/v1_109" rel="noopener noreferrer"&gt;VSCode 1.109 - Improved Agent UX and extensibility&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/RhysSullivan/status/1994068153253679563" 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%2Fuy3os9vh5brnu99ecslh.jpg" alt="alt" width="800" height="476"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://x.com/Swizec/status/2020980360973349277" 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%2Fhhqsityt5olq0jp4nvuy.jpg" alt="alt" width="800" height="385"&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 #267 : Bun, Next-Intl, Grab, Aria | Worklets, Teleport, Voltra, AI SDK, Screens | State of JS, Temporal</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 06 Feb 2026 09:11:55 +0000</pubDate>
      <link>https://forem.com/sebastienlorber/this-week-in-react-267-bun-next-intl-grab-aria-worklets-teleport-voltra-ai-sdk-screens-23gb</link>
      <guid>https://forem.com/sebastienlorber/this-week-in-react-267-bun-next-intl-grab-aria-worklets-teleport-voltra-ai-sdk-screens-23gb</guid>
      <description>&lt;p&gt;Hi everyone!&lt;/p&gt;

&lt;p&gt;You’ll have to get used to it: yet another week filled with AI content. From MCPs to Agent Skills to AI-specific CLIs, we don’t know where to turn anymore.&lt;/p&gt;

&lt;p&gt;We’re delighted to be ranked once again among the &lt;a href="https://2025.stateofjs.com/en-US/resources/#newsletters" rel="noopener noreferrer"&gt;top 5 newsletters in the State of JavaScript 2025 survey&lt;/a&gt;. Thanks for your trust!&lt;/p&gt;

&lt;p&gt;By the way, we’d love your feedback — what do you like about the newsletter, and how could we make it better in 2026?&lt;/p&gt;

&lt;p&gt;Just hit reply and let us know! ❤️&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the &lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" rel="noopener noreferrer"&gt;official newsletter&lt;/a&gt; to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" 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%2Fz4uz6ixhzg21rrks3os9.png" alt="banner" width="800" height="373"&gt;&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://frontendmasters.com/courses/react-performance-v2/?utm_source=reactweekly&amp;amp;utm_medium=email&amp;amp;utm_campaign=reactperf" 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%2Flrfodpocxvoebqxenvja.jpg" alt="React Performance, v2" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://frontendmasters.com/courses/react-performance-v2/?utm_source=reactweekly&amp;amp;utm_medium=email&amp;amp;utm_campaign=reactperf" rel="noopener noreferrer"&gt;React Performance, v2&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Make React apps fast where it actually matters.&lt;/p&gt;

&lt;p&gt;An advanced performance course from &lt;strong&gt;Steve Kinney&lt;/strong&gt;, focused on diagnosing real bottlenecks and fixing slow, janky React apps using modern React 19 patterns.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;🚀 &lt;strong&gt;Modern React&lt;/strong&gt;: Suspense, transitions, deferred values, hydration, server actions&lt;/li&gt;
&lt;li&gt;🔍 &lt;strong&gt;Debug Faster&lt;/strong&gt;: Find unnecessary re-renders with React DevTools &amp;amp; the Profiler&lt;/li&gt;
&lt;li&gt;🧠 &lt;strong&gt;Smart Optimization&lt;/strong&gt;: Memoization, virtualization, code splitting, optimistic UI&lt;/li&gt;
&lt;li&gt;⚡ &lt;strong&gt;Feel-Fast UX&lt;/strong&gt;: Learn how React Fiber prioritizes work to keep apps responsive&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;⏱ 4+ hours • ⭐ 4.8 rating&lt;/p&gt;

&lt;p&gt;🏫 From &lt;strong&gt;Frontend Masters&lt;/strong&gt;\&lt;br&gt;
👉 Watch the course: &lt;a href="https://frontendmasters.com/courses/react-performance-v2/?utm_source=reactweekly&amp;amp;utm_medium=email&amp;amp;utm_campaign=reactperf" rel="noopener noreferrer"&gt;https://frontendmasters.com/courses/react-performance-v2/&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-feb4" rel="noopener noreferrer"&gt;PostHog - 8 learnings from 1 year of agents&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/facebook/react/pull/35590" rel="noopener noreferrer"&gt;React DOM PR - Support for &lt;code&gt;SubmitEvent.submitter&lt;/code&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 React.dev PRs - Revamp docs of &lt;a href="https://github.com/reactjs/react.dev/pull/8264" rel="noopener noreferrer"&gt;useOptimistic&lt;/a&gt;, &lt;a href="https://github.com/reactjs/react.dev/pull/8284" rel="noopener noreferrer"&gt;useActionState&lt;/a&gt;, and &lt;a href="https://github.com/reactjs/react.dev/pull/8279" rel="noopener noreferrer"&gt;useEffectEvent&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://frontendmasters.com/blog/reacts-viewtransition-element/" rel="noopener noreferrer"&gt;React’s ViewTransition Element&lt;/a&gt; - Chris Coyier compares the pros and cons of using &lt;code&gt;&amp;lt;ViewTransition&amp;gt;&lt;/code&gt; VS the native platform API &lt;code&gt;document.startViewTransition()&lt;/code&gt; in a React app.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.inngest.com/blog/migrating-off-nextjs-tanstack-start" rel="noopener noreferrer"&gt;Why Inngest migrated off Next.js to TanStack Start - Reducing local dev time by 83%&lt;/a&gt; - Ingress was an early adopter of RSCs but got bitten by them, experienced slow local DX despite using Turbopack. They share their migration strategy and lessons learned.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://albertsikkema.com/ai/development/tools/reverse-engineering/2026/01/23/reverse-engineering-figma-make-files.html" rel="noopener noreferrer"&gt;Reverse-Engineering Figma Make: Extracting React Apps from Binary Files&lt;/a&gt; - Figma Make uses React, Radix UI, and Tailwind under the hood, and you can recreate the underlying React app from &lt;code&gt;.fig&lt;/code&gt; files.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://github.blog/engineering/from-pixels-to-characters-the-engineering-behind-github-copilot-clis-animated-ascii-banner/" rel="noopener noreferrer"&gt;The engineering behind GitHub Copilot CLI’s animated ASCII banner&lt;/a&gt; - Rendering reliable animated components to the terminal UI looks complex, even if you leverage the React Ink renderer.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.developerway.com/posts/debugging-with-ai" rel="noopener noreferrer"&gt;Can AI actually debug complex React/Next.js issues?&lt;/a&gt; - Throwing 3 real-world bugs at Claude Opus, it could only fix one properly.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://alexocallaghan.com/react-design-system-library-mcp" rel="noopener noreferrer"&gt;React design system library MCP&lt;/a&gt; - How to leverage the experimental Storybook MCP server&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://r2trck.com/twir-4" rel="noopener noreferrer"&gt;Building AI Voice Agents at Scale — The executive playbook by ElevenLabs&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://next-intl.dev/blog/precompilation" rel="noopener noreferrer"&gt;Next Intl 4.8 - Ahead-of-time compilation&lt;/a&gt; - This can significantly reduce your bundle size. Instead of bundling a full ICU parser to the client, it’s now possible to precompile ICU messages to a minified AST interpreted by a lightweight runtime.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://bun.com/blog/bun-v1.3.8" rel="noopener noreferrer"&gt;Bun 1.3.8 - &lt;code&gt;Bun.markdown&lt;/code&gt; API&lt;/a&gt; - Comes with a first-class &lt;code&gt;Bun.markdown.react()&lt;/code&gt; API and claims to be much faster than React alternatives.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.react-grab.com/blog/1-0" rel="noopener noreferrer"&gt;React Grab 1.0 - Select context for coding agents directly from the website&lt;/a&gt; - A convenient tool can make your coding agent 3x faster thanks to more precise prompts.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://ui.shadcn.com/docs/changelog" rel="noopener noreferrer"&gt;shadcn/ui updates - RTL support, unified Radix UI Package&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://react-aria.adobe.com/releases/v1-15-0.html" rel="noopener noreferrer"&gt;React Aria 1.15 - New &lt;code&gt;render&lt;/code&gt; prop, Agent Skills, constrain dates on blur&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/gatsbyjs/gatsby/releases/tag/gatsby%405.16.0" rel="noopener noreferrer"&gt;Gatsby 5.16 - Add support for React 19 and Node 24&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://rspress.rs/blog/rspress-v2" rel="noopener noreferrer"&gt;Rspress 2.0 - Documentation framework - Theme styling, AI-native, Shiki highlighting, performance, new plugins&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/pmndrs/react-three-fiber/releases/tag/v10.0.0-alpha.1" rel="noopener noreferrer"&gt;React Three Fiber 10.0 alpha - Backward compatible, WebGPU support, TSL hooks, new scheduler&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/mutativejs/travels/releases/tag/v1.0.0" rel="noopener noreferrer"&gt;Travels 1.0 - Fast, framework-agnostic undo/redo library with React integrations&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.xoid.dev/blog/introducing-prefill" rel="noopener noreferrer"&gt;Prefill - Partial application for React components&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://blog.meteor.com/meteor-3-4-is-out-rspack-integration-4x-faster-builds-8x-smaller-bundles-and-extended-bundler-36600fb45976" rel="noopener noreferrer"&gt;Meteor 3.4 - Rspack integration, 4x faster builds, 8x smaller bundles, and extended bundler features&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/Rel1cx/eslint-react/releases/tag/v2.9.0" rel="noopener noreferrer"&gt;ESLint React 2.9 - Extract React RSC sub-plugin, new RSC preset&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/rstackjs/rsbuild-plugin-react-router/blob/main/CHANGELOG.md#010" rel="noopener noreferrer"&gt;Rsbuild Plugin React Router 0.1 - Behavior closer to React Router's official Vite plugin&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://github.com/remix-run/agent-skills" rel="noopener noreferrer"&gt;React Router Agent Skills&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://skills.sh/vercel-labs/agent-skills/vercel-composition-patterns" rel="noopener noreferrer"&gt;React Composition Patterns Agent Skills&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=98PvcFL6DmE" rel="noopener noreferrer"&gt;Toby Mey - Where to put Auth in Next.js 16?&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=5NRAOnKc3c8" rel="noopener noreferrer"&gt;Remotion - Create motion graphics with AI – Simple tutorial for beginners&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




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

&lt;p&gt;&lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=2nd" 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%2Fswhhjd968ndt6kdugph3.jpg" alt="Still writing tests manually?" width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;Still writing tests manually?&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Notion, Dropbox and LaunchDarkly have found a new testing paradigm - and they can't imagine working without it. Built by &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;ex-Palantir engineers&lt;/a&gt;, Meticulous autonomously creates a continuously evolving suite of E2E UI tests that delivers &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;near-exhaustive coverage&lt;/a&gt; with &lt;em&gt;zero developer effort&lt;/em&gt; - impossible to deliver by any other means. &lt;/p&gt;

&lt;p&gt;It works like magic in the background:&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;&lt;strong&gt;No maintenance (seriously)&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Zero flakes (built on a deterministic browser)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;🤨&lt;/strong&gt; Curious? &lt;a href="https://www.meticulous.ai?utm_source=thisweekinreact&amp;amp;utm_medium=newsletter&amp;amp;utm_campaign=26q1&amp;amp;utm_content=2nd" rel="noopener noreferrer"&gt;Book in a time to learn more&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://blog.swmansion.com/behind-the-scenes-of-react-native-multithreading-vision-camera-v5-x-react-native-worklets-a102c37b32ae" 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%2Fugq0giy87jiszk908h9o.jpg" alt="Behind the Scenes of React Native Multithreading: Vision Camera V5 x React Native Worklets" width="800" height="429"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://blog.swmansion.com/behind-the-scenes-of-react-native-multithreading-vision-camera-v5-x-react-native-worklets-a102c37b32ae" rel="noopener noreferrer"&gt;Behind the Scenes of React Native Multithreading: Vision Camera V5 x React Native Worklets&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Worklets have been extracted from Reanimated to become a first-class multithreading primitive. It has been integrated into the upcoming VisionCamera V5, enabling its real-time frame processor system to run directly on the Camera Thread.&lt;/p&gt;

&lt;p&gt;Also, take a look at 📦 &lt;a href="https://github.com/software-mansion/react-native-reanimated/releases/tag/worklets-0.8.0-bundle-mode-preview-1" rel="noopener noreferrer"&gt;Worklets 0.8 - Bundle Mode preview&lt;/a&gt;. It makes it possible to use third-party libraries and do network requests within worklets. This mode is opt-in but might become the default in the future.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://radon.swmansion.com/?utm_source=TWIR2&amp;amp;utm_medium=link2" rel="noopener noreferrer"&gt;Stop searching for components manually - try the Element Inspector in Radon to build React Native apps faster.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.chmal.it/blog/building-voltra-renderer" rel="noopener noreferrer"&gt;Building Voltra: Renderer&lt;/a&gt; - The creator of the Widgets and Live Activities library explains how it works under the hood. It’s a custom renderer, but using &lt;code&gt;react-reconciler&lt;/code&gt; wasn’t a great fit, so they took inspiration from React DOM SSR code instead.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/how-to-increase-mobile-app-downloads-and-retention" rel="noopener noreferrer"&gt;5 tips to increase mobile app downloads and retention in 2026&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://kirillzyusko.github.io/react-native-teleport/blog/welcome" rel="noopener noreferrer"&gt;Teleport 1.0 - Brings true native portals to React Native&lt;/a&gt; - The equivalent of &lt;code&gt;ReactDOM.createPortal&lt;/code&gt; for mobile, with additional view re-parenting, re-use, and pre-rendering capabilities. It’s cross-platform and also supports web.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/react-native-screens/releases/tag/4.21.0" rel="noopener noreferrer"&gt;Screens 4.21 - Android stack screen preloading, iOS xcassets icon catalogs support for key navigation UI elements&lt;/a&gt; - Note that iOS xcassets icon catalogs are &lt;a href="https://github.com/react-navigation/react-navigation/commit/5904082ab3f09787ea8a3581837057d7fd0033d0" rel="noopener noreferrer"&gt;already integrated into React Navigation for native tabs&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.apple.com/newsroom/2026/02/xcode-26-point-3-unlocks-the-power-of-agentic-coding" rel="noopener noreferrer"&gt;Xcode 26.3 RC - Unlocks the power of agentic coding&lt;/a&gt; - If you don’t want to use Xcode as an IDE, you can still leverage the new Xcode MCP and its &lt;code&gt;RenderPreview&lt;/code&gt; tool to feed your AI with visual feedback (SwiftUI previews, it probably doesn’t work with RN views).&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/agent-device" rel="noopener noreferrer"&gt;Agent-Device - CLI to control iOS and Android devices for AI agents&lt;/a&gt; - The equivalent of Vercel’s &lt;code&gt;agent-browser&lt;/code&gt; for mobile. Support for TV/desktop apps planned.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.callstack.com/blog/announcing-ai-sdk-profiler-for-react-native" rel="noopener noreferrer"&gt;AI SDK Profiler - New Rozenite DevTools plugin&lt;/a&gt; - Lets you inspect OpenTelemetry spans coming from the RN AI SDK&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/ai/releases/tag/v0.12.0" rel="noopener noreferrer"&gt;AI SDK 0.12 - Profiler plugin, ai v6, tool calling and re-ranking for Llama models&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://tamagui.dev/blog/version-two" rel="noopener noreferrer"&gt;Tamagui 2.0 RC - Universal style library for React - More stable, easy, documented, fast, and feature-complete&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/uni-stack/uniwind/releases/tag/v1.3.0" rel="noopener noreferrer"&gt;Uniwind 1.3 - Support data attributes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/riteshshukla04/react-native-superconfig" rel="noopener noreferrer"&gt;Superconfig - 18x faster than react-native-config, using Nitro&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=2Pes2Y11yWM" rel="noopener noreferrer"&gt;Callstack - Implementing an Android TurboModule from Scratch&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/@reactnativelive" rel="noopener noreferrer"&gt;React Native Live - New monthly live show channel from Infinite Red&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=XkxmtLozKoA" rel="noopener noreferrer"&gt;Beto - Are You Leaking Your Environment Variables? React Native + Expo&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=mzRgSxf5oRk" rel="noopener noreferrer"&gt;Simon Grimm - 10 Tips You Need For Expo Router in 2026!&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://infinite.red/react-native-radio/rnr-352-expo-launch-with-cedric-van-putten" rel="noopener noreferrer"&gt;RNR 352 - Expo Launch with Cedric van Putten&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://2025.stateofjs.com/en-US/" rel="noopener noreferrer"&gt;State of JavaScript 2025 - Survey Results&lt;/a&gt; - React and Next.js keep growing in usage, but satisfaction is decreasing. Meanwhile, alternatives such as Astro and Solid have pretty high satisfaction scores.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://blogs.igalia.com/compilers/2026/01/31/implementing-the-temporal-proposal-in-javascriptcore/" rel="noopener noreferrer"&gt;Implementing the Temporal proposal in JavaScriptCore&lt;/a&gt; - The JS Temporal API should be in all browsers relatively soon, with Safari being the last remaining browser. The implementation for JSC (Safari, Bun) is complete but not merged yet.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://nodejsdesignpatterns.com/blog/nodejs-path-traversal-security/" rel="noopener noreferrer"&gt;Node.js Path Traversal: Prevention &amp;amp; Security Guide&lt;/a&gt; - Explains how to secure your Node app from unsafe path inputs, such as &lt;code&gt;http://localhost:port/images/../../etc/passwd&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://nolanlawson.com/2026/01/31/building-a-browser-api-in-one-shot/" rel="noopener noreferrer"&gt;Building a browser API in one shot&lt;/a&gt; - With a good prompt created by an expert, Claude Opus can one-shot a decent TypeScript implementation of &lt;code&gt;IndexedDB&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://astro.build/blog/astro-5170/" rel="noopener noreferrer"&gt;Astro 5.17 - Dev toolbar placement, partitioned cookie, async file loader parser&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://turborepo.dev/blog/2-8" rel="noopener noreferrer"&gt;Turborepo 2.8 - Git worktree support, Agent skills, AI-enabled&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://babeljs.io/blog/2026/01/31/7.29.0" rel="noopener noreferrer"&gt;Babel 7.29 - The last Babel 7 minor release&lt;/a&gt; - They are also announcing Babel 8 in RC, aiming to be easy to adopt, and ESM-only.&lt;/li&gt;
&lt;li&gt;🔗 &lt;a href="https://github.com/npmx-dev/npmx.dev" rel="noopener noreferrer"&gt;npmx - A fast, modern browser for the npm registry&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/2000908572562219440" 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%2Fmy8bvw2vlusjregx4o92.jpg" alt="alt" width="800" height="451"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://x.com/sebastienlorber/status/2013971000250003693" 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%2Fnwbwcoi6bmaqskwtecey.jpg" alt="alt" width="800" height="616"&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 #266 : DoS, shadcn, Skills, Rspack | Expo 55 beta, Hermes, Expo Router | TC39, Rolldown, Yarn</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 30 Jan 2026 13:56:14 +0000</pubDate>
      <link>https://forem.com/sebastienlorber/this-week-in-react-266-dos-shadcn-skills-rspack-expo-55-beta-hermes-expo-router-tc39-2h0p</link>
      <guid>https://forem.com/sebastienlorber/this-week-in-react-266-dos-shadcn-skills-rspack-expo-55-beta-hermes-expo-router-tc39-2h0p</guid>
      <description>&lt;p&gt;Hi everyone!&lt;/p&gt;

&lt;p&gt;This week, the community continued to publish React-related Agent skills. React RSCs and Next.js are hit by another set of DoS vulnerabilities, and it’s recommended to upgrade immediately.&lt;/p&gt;

&lt;p&gt;The React Native side is more exciting, with Expo SDK 55 in beta and upcoming support for new CSS features. We now have 2 distinct libraries implementing home screen widgets, and need to understand the trade-offs of each approach.&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the &lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" rel="noopener noreferrer"&gt;official newsletter&lt;/a&gt; to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" 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%2Fz4uz6ixhzg21rrks3os9.png" alt="banner" width="800" height="373"&gt;&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://crowdin.info/gZ0LVRB" 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%2F1piezbr2moh99e1kmv6b.jpg" alt="Automate your React Localization with Crowdin Stack" width="800" height="442"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://crowdin.info/gZ0LVRB" rel="noopener noreferrer"&gt;Automate your React Localization with Crowdin Stack&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Stop treating i18n as a deployment bottleneck🛑 &lt;strong&gt;Crowdin&lt;/strong&gt; automates your React localization workflow. Sync content to Crowdin, translate with AI and human proofreaders, and auto-sync the translations back to your git.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Repo Integration:&lt;/strong&gt; Connect directly to GitHub/GitLab repo. Localization becomes a simple, continuous part of your CI/CD pipeline.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Context Harvester:&lt;/strong&gt; Our open-source CLI uses Agentic AI to scan your JSX. It automatically provides translators with the exact UI context for every string.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Over-The-Air (OTA) Updates:&lt;/strong&gt; Fix a typo in real-time. With OTA SDK, you can push updates to your React Native app instantly. No rebuilds or App Store reviews required.⚡&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Focus on your components. Crowdin handles the translation.&lt;/strong&gt; 🚀&lt;/p&gt;




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

&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://frontendmasters.com/courses/react-performance-v2/?utm_source=reactweekly&amp;amp;utm_medium=email&amp;amp;utm_campaign=reactperf" rel="noopener noreferrer"&gt;Make React apps fast where it actually matters. Learn how to diagnose real bottlenecks and fix slow, janky React apps using modern React 19 patterns.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🔐 &lt;a href="https://github.com/facebook/react/security/advisories/GHSA-83fc-fqcc-2hmg" rel="noopener noreferrer"&gt;React CVE-2026-23864&lt;/a&gt; - More Denial-of-Service vulnerabilities have been found in the React RSC-related packages, and have already patched in all React 19 minor versions. All RSC frameworks can be affected. It’s recommended to update immediately.&lt;/li&gt;
&lt;li&gt;🔐 &lt;a href="https://vercel.com/changelog/summaries-of-cve-2025-59471-and-cve-2025-59472" rel="noopener noreferrer"&gt;Next.js DoS CVEs&lt;/a&gt; - In addition to the CVE above, Next.js also published fixes for 2 medium-severity DoS vulnerabilities affecting the Image Optimizer and PPR in self-hosted deployments.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/facebook/react/pull/35617" rel="noopener noreferrer"&gt;React PR - Init Claude config&lt;/a&gt; - It seems like the React core team is planning to leverage AI more.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/DefinitelyTyped/DefinitelyTyped/pull/74383" rel="noopener noreferrer"&gt;React-DOM Types PR - Properly type form-related events&lt;/a&gt; - Narrowing the type of &lt;code&gt;event.target&lt;/code&gt; to its underlying element, for example, &lt;code&gt;HTMLInputElement&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/adobe/react-spectrum/pull/9499" rel="noopener noreferrer"&gt;React Aria PR - Add &lt;code&gt;render&lt;/code&gt; prop to allow customizing DOM element&lt;/a&gt; - React Aria chose the render prop pattern (following Ariakia and Base UI) and not the &lt;code&gt;asChild&lt;/code&gt; pattern popularized by Radix UI.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/TanStack/router/pull/6277" rel="noopener noreferrer"&gt;TanStack PR - New &lt;code&gt;@tanstack/meta&lt;/code&gt; package&lt;/a&gt; - New package coming for composable SEO / meta tags management.&lt;/li&gt;
&lt;li&gt;🗓 &lt;a href="https://reactsummit.com/?utm_source=thisweekinreact" rel="noopener noreferrer"&gt;React Summit&lt;/a&gt; - 🇳🇱 Amsterdam - 12 &amp;amp; 16 Jun. The world's biggest React conference is back! Knowledge you'll use, people you'll remember, and an after-party you won't forget. Reserve your spot to with promo code TWIR (-10%)&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="http://paulmakeswebsites.com/writing/shadcn-radio-button/" rel="noopener noreferrer"&gt;The Incredible Overcomplexity of the Shadcn Radio Button&lt;/a&gt; - A fair criticism, questioning the need for abstraction layers and repurposing HTML elements, instead of just styling &lt;code&gt;&amp;lt;input type="radio"&amp;gt;&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://frontendmasters.com/blog/single-flight-mutations-in-tanstack-start-part-1/" rel="noopener noreferrer"&gt;Single Flight Mutations in TanStack Start&lt;/a&gt; - Explains how to mutate the data and refresh the UI in a single network round trip. The first article shows the big picture with a simple implementation, while the second makes it more robust and scalable using middleware.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://stylexjs.com/blog/a-new-year-2026" rel="noopener noreferrer"&gt;StyleX - New Year, New Website&lt;/a&gt; - The modern CSS-in-JS library gives an overview of 2025, covering project adoption outside Meta, new APIs, and easier integration. They rebuilt the docs with Waku to dogfood the project and its compatibility with RSCs.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.glean.com/blog/designing-glean-for-accessibility-design-compliance" rel="noopener noreferrer"&gt;Designing Glean for accessibility – design system and compliance&lt;/a&gt; - Positive feedback after migrating their design system to Base UI.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://alexocallaghan.com/open-sourcing-mfe-react-bridge" rel="noopener noreferrer"&gt;Open-sourcing our microfrontend React bridge&lt;/a&gt; - A simple alternative to the Module Federation bridge to help you manage microfrontends using distinct React versions.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://go.posthog.com/twir-jan28" rel="noopener noreferrer"&gt;Product for Engineers - How startups lose their edge&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/web-infra-dev/rspack/releases/tag/v2.0.0-alpha.1" rel="noopener noreferrer"&gt;Rspack 2.0.0-alpha.1 - Built-in support for React Server Components&lt;/a&gt; - RSC support also comes with a higher-level &lt;a href="https://github.com/rstackjs/rsbuild-plugin-rsc" rel="noopener noreferrer"&gt;RSC plugin for Rsbuild&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/ChartGPU/ChartGPU" rel="noopener noreferrer"&gt;ChartGPU - Beautiful, open source, TypeScript WebGPU-based charting library, with React bindings&lt;/a&gt; - This new library should be fast for large datasets. However, we are still waiting for Firefox to support WebGPU.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/ospm-app/eslint-plugin-react-signals-hooks/tree/main/packages/eslint-plugin-react-unhookify" rel="noopener noreferrer"&gt;ESLint Plugin React Unhookify&lt;/a&gt; - Now that we have the React Compiler, this plugin contains rules to remove useless memoizations and suggests a compiler adoption strategy.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/edmundhung/conform/releases/tag/v1.16.0" rel="noopener noreferrer"&gt;Conform 1.16 - New &lt;code&gt;configureForms&lt;/code&gt; future API&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://ui.shadcn.com/docs/changelog/2026-01-inline-side-styles" rel="noopener noreferrer"&gt;shadcn/ui Changelog - January 2026 - Inline Start and End Styles for Base UI components&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/remix-run/react-router/blob/main/CHANGELOG.md#v7130" rel="noopener noreferrer"&gt;React Router 7.13 - Add &lt;code&gt;crossOrigin&lt;/code&gt; prop to Links component&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/storybookjs/storybook/releases/tag/v10.2.0" rel="noopener noreferrer"&gt;Storybook 10.2 - New Viewports and Zoom UI, MDX support for Storybook MCP&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/garmeeh/next-seo/releases/tag/next-seo%407.1.0" rel="noopener noreferrer"&gt;Next-SEO 7.1 - New HowToJsonLd component for tutorials SEO&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://github.com/vercel-labs/next-skills" rel="noopener noreferrer"&gt;Next.js Skills - Newly published Vercel Agent skills for common Next.js workflows&lt;/a&gt; - Skills for the App Router, Cache Components, performance, and more.&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://www.solberg.is/the-missing-nextjs-agents-file" rel="noopener noreferrer"&gt;The Missing Next.js AGENTS.md File&lt;/a&gt; - Relatedly, Vercel has found that &lt;a href="https://vercel.com/blog/agents-md-outperforms-skills-in-our-agent-evals" rel="noopener noreferrer"&gt;AGENTS.md outperforms Skills in evals&lt;/a&gt; for general framework knowledge.&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://github.com/resend/react-email/tree/canary/skills/react-email" rel="noopener noreferrer"&gt;React Email Agent Skills&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://vercel.com/changelog/ai-code-elements" rel="noopener noreferrer"&gt;AI Code Elements - Vercel components to build the next generation of IDEs&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=Xtd4DjU9AU8" rel="noopener noreferrer"&gt;Jonny Burger - Creating videos just from prompting - Claude Code and Remotion&lt;/a&gt; - Vibe coding videos with Remotion is trending lately. A trend also supported by motion designer trolls posting their hand-made videos as if it only required a single prompt. Here’s a demo from its author. See also this &lt;a href="https://x.com/rameerez/status/2015859121661059569" rel="noopener noreferrer"&gt;feedback on X&lt;/a&gt; from someone who rendered a real product launch video.&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=F6romq71KtI" rel="noopener noreferrer"&gt;Delba - Next.js Patterns: Public pages with personalization&lt;/a&gt; - Greatly explains the usefulness of Cache Components to keep navigation fast. By the way, Delba uses Remotion.&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=AZ9i3eoyrnE" rel="noopener noreferrer"&gt;Shruti Kapoor - React Performance Optimizations: How to Fix a Slow App&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




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

&lt;p&gt;&lt;a href="https://radon.swmansion.com/features?utm_source=TWIR&amp;amp;utm_medium=2nd" 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%2Fc83jv1pxhownc9xkmxw0.jpg" alt="Build better React Native &amp;amp; Expo apps with Radon" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://radon.swmansion.com/features?utm_source=TWIR&amp;amp;utm_medium=2nd" rel="noopener noreferrer"&gt;Build better React Native &amp;amp; Expo apps with Radon&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Stop context switching between your code editor and native IDEs. Radon helps you write cleaner code, catch errors instantly, and focus on what matters most — building great apps.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why developers are choosing Radon:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;🦾 Built-in previews:&lt;/strong&gt; Radon runs iOS Simulator and Android emulator directly in your VS Code or Cursor project.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;🔍 Element Inspector:&lt;/strong&gt; You can jump directly from preview to a file where your React Native component is defined. It can't really get simpler than that.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;⏯️ Instant Replays (PRO):&lt;/strong&gt; Missed a bug during a manual test? Rewatch the last 30 seconds of device interaction.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;🤖 Radon AI (PRO):&lt;/strong&gt; your coding assistant with the latest React Native knowledge.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://radon.swmansion.com/features?umt_source=TWIR&amp;amp;utm_medium=2ndsp" rel="noopener noreferrer"&gt;Discover all the features&lt;/a&gt; &amp;amp; turn your code editor into a React Native IDE you'll actually enjoy using.&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://expo.dev/changelog/sdk-55-beta" 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%2F8w9g0951ru9wqv7b51rn.jpg" alt="Expo SDK 55 Beta" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;It's been longer than usual since the last SDK, so this new SDK 55 looks like a significant update. The stable version will be released in about two weeks; until then, you can already check the beta release notes with a long list of highlights:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;React 19.2, unlocking &lt;code&gt;&amp;lt;Activity&amp;gt;&lt;/code&gt;, &lt;code&gt;useEffectEvent()&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;React Native 0.83.1, unlocking DOM Node APIs, new DevTools features, Intersection Observers (experimental)&lt;/li&gt;
&lt;li&gt;New Architecture only, Legacy Architecture removed&lt;/li&gt;
&lt;li&gt;Revamped project template, using native Tabs by default&lt;/li&gt;
&lt;li&gt;Hermes v1 opt-in flag, for performance improvements (but slower native build times)&lt;/li&gt;
&lt;li&gt;Hermes bytecode diffing opt-in flag, for ~75% smaller incremental OTA updates&lt;/li&gt;
&lt;li&gt;AI tooling, MCP server, Agent skills&lt;/li&gt;
&lt;li&gt;Expo Router 7 beta with more native features (&lt;a href="https://x.com/Baconbrix/status/2014480349066305953" rel="noopener noreferrer"&gt;preview tweet&lt;/a&gt;) and web SSR (alpha)&lt;/li&gt;
&lt;li&gt;Expo brownfield integration to existing native apps&lt;/li&gt;
&lt;li&gt;Expo UI improvements, support for Jetpack Compose coming&lt;/li&gt;
&lt;li&gt;Expo Widgets alpha for iOS home screen widgets and Live Activities&lt;/li&gt;
&lt;li&gt;… and more&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://www.infragistics.com/blogs/react-app-examples/?utm_source=this-week-in-react&amp;amp;utm_medium=referral&amp;amp;utm_campaign=ignite-ui-react&amp;amp;utm_term=newsletter-sponsorship&amp;amp;utm_content=10-react-grid-examples" rel="noopener noreferrer"&gt;10 Real-World React App Examples to Inspire Your Next Project&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/nishanbende/status/2016367516759867849" rel="noopener noreferrer"&gt;Synchronous TextInput validation in React Native and Expo UI&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🐦 &lt;a href="https://x.com/_ikswodarap/status/2014677703266288082" rel="noopener noreferrer"&gt;CSS &lt;code&gt;calc()&lt;/code&gt; support coming to React Native?&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.callstack.com/blog/bringing-css-clipping-to-react-native" rel="noopener noreferrer"&gt;Bringing CSS Clipping to React Native&lt;/a&gt; - A great deep-dive article that explores what it would take to support masking with CSS &lt;code&gt;clip-path()&lt;/code&gt; natively on iOS and Android, covering the whole rendering stack. What a great way to announce upcoming support, with PRs being under review!&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/changelog/compiler-cache-for-builds" rel="noopener noreferrer"&gt;Expo EAS - Compiler cache for builds and Workflows&lt;/a&gt; - Set an env variable to get 30% faster builds.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/voltra/releases/tag/v1.1.0" rel="noopener noreferrer"&gt;Voltra 1.1 - Android widget support, iOS Enhancements&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/zoontek/react-native-bootsplash/releases/tag/7.0.0" rel="noopener noreferrer"&gt;Bootsplash 7.0 - Edge-to-edge by default, improved Expo plugin&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.57.0" rel="noopener noreferrer"&gt;create-react-native-library 0.57 - Improved templates, more example app types&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/corasan/react-native-nitro-mlx/releases/tag/v0.3.0" rel="noopener noreferrer"&gt;Nitro MLX 0.3 - Tool calling&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/wix/Detox/releases/tag/20.47.0" rel="noopener noreferrer"&gt;Detox 20.47 - Support for RN 0.83 and iOS 26, new &lt;code&gt;by.type()&lt;/code&gt; API for semantic matching&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.expoaichatbot.com/changelog#v2-release" rel="noopener noreferrer"&gt;Expo AI Chatbot 2.0 - Incognito mode, long-term memory, upgrades to Expo 54 and AI SDK 5&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🤖 &lt;a href="https://skills.sh/vercel-labs/agent-skills/vercel-react-native-skills" rel="noopener noreferrer"&gt;Vercel React Native Skills - Agent Skills extracted from lessons of building v0 for iOS, and the upcoming Vercel app&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=tDdtHG3z1jQ" rel="noopener noreferrer"&gt;Software Mansion - First Look at Expo Widgets: iOS Widgets Without Native Code&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=fCpI0IM3niU" rel="noopener noreferrer"&gt;Software Mansion - Introducing Expo Brownfield Target – Automate Brownfield Setup in Your Expo App&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://infinite.red/react-native-radio/rnr-351-transforming-packages-to-nitro-with-marc-rousavy" rel="noopener noreferrer"&gt;RNR 351 - Transforming Packages to Nitro with Marc Rousavy&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://share.transistor.fm/s/59b3e1c0" rel="noopener noreferrer"&gt;RocketShip 90 - Expo SDK 55, AI Agent Skills, Tiny Harvest Revenue &amp;amp; Industrial Revolution of Software&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://bsky.app/profile/robpalmer.bsky.social/post/3mcz334l4ck27" rel="noopener noreferrer"&gt;TC39 - Proposals progressing after the 112th meeting&lt;/a&gt; - Upsert, import sync, Error options, and more.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://nerdy.dev/anchor-interpolated-morphing" rel="noopener noreferrer"&gt;Anchor Interpolated Morph&lt;/a&gt; - A FLIP-inspired animation technique using modern CSS.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://voidzero.dev/posts/announcing-rolldown-rc" rel="noopener noreferrer"&gt;Rolldown 1.0 RC&lt;/a&gt; - The next-gen high-performance Rust bundler now has a stable API. It should become the default bundler of Vite 8.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/remix-run/remix/releases/tag/%40remix-run/component%400.3.0" rel="noopener noreferrer"&gt;Remix Component 0.3 - Updated Component API, no stateless component, new setup prop&lt;/a&gt; - Interesting to see how the Remix component model evolves and differs from React.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/shuding/better-all" rel="noopener noreferrer"&gt;Better All - Better &lt;code&gt;Promise.all&lt;/code&gt; with automatic dependency optimization&lt;/a&gt; - A clever way to minimize async waterfalls and maximize parallelization.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://yarn6.netlify.app/blog/2026-01-28-yarn-6-preview/" rel="noopener noreferrer"&gt;Yarn 6 Preview - Complete rewrite in Rust, strict compatibility, Yarn Switch, Lazy Installs&lt;/a&gt; - Benchmarks show the Rust rewritten version is now faster than pnpm.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://nodejs.org/en/blog/release/v25.5.0" rel="noopener noreferrer"&gt;Node.js 25.5 - Simplifies building Single Executable Applications (SEA)&lt;/a&gt; - See also this &lt;a href="https://joyeecheung.github.io/blog/2026/01/26/improving-single-executable-application-building-for-node-js/" rel="noopener noreferrer"&gt;deep-dive blog post&lt;/a&gt; from the PR author.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/web-infra-dev/rstest/releases/tag/v0.8.0" rel="noopener noreferrer"&gt;Rstest 0.8 - Browser Mode (experimental)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/1jehuang/mermaid-rs-renderer" rel="noopener noreferrer"&gt;Mermaid Rust Renderer - Much faster than the official Mermaid CLI, no headless browser overhead&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/unjs/unplugin/releases/tag/v3.0.0" rel="noopener noreferrer"&gt;Unplugin 3.0 - Unified bundler plugin system - Add Bun plugin support, drop Node 18 and CJS build&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/1999255728478171629" 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%2Fjir9syuqozyyei86pdyy.jpg" alt="alt" width="800" height="861"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://x.com/Rasmic/status/2013235876176749012" 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%2Fhcbd4kde0aw4wlyx5tdd.jpg" alt="alt" width="800" height="898"&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 #265 : React Skills, json-render, ViewTransition, Base UI, Navigation, Nitro, TC39, Astro, jQuery, Node.js</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 23 Jan 2026 14:09:22 +0000</pubDate>
      <link>https://forem.com/sebastienlorber/this-week-in-react-265-react-skills-json-render-viewtransition-base-ui-navigation-nitro-4jj7</link>
      <guid>https://forem.com/sebastienlorber/this-week-in-react-265-react-skills-json-render-viewtransition-base-ui-navigation-nitro-4jj7</guid>
      <description>&lt;p&gt;Hi everyone!&lt;/p&gt;

&lt;p&gt;This week, we saw a lot of activity on X about the new AI skills system. Personally, what excited me most is the new Firefox release that unlocks interesting things for React developers.&lt;/p&gt;

&lt;p&gt;The React Native ecosystem is also super active, with many interesting releases. And I’m sure Expo 55 beta will drop just after we send our email 😅, so make sure to check their blog because it’s coming soon.&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the &lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" rel="noopener noreferrer"&gt;official newsletter&lt;/a&gt; to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" 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%2Fz4uz6ixhzg21rrks3os9.png" alt="banner" width="800" height="373"&gt;&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://sentry.io/resources/workshop-nextjs-feb-2026/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=nextjs-fy27q1-nextjsworkshop&amp;amp;utm_content=newsletter-workshop-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.amazonaws.com%2Fuploads%2Farticles%2F9ysfxnumziariw2urtne.jpg" alt="Debugging Next.js in Production" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://sentry.io/resources/workshop-nextjs-feb-2026/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=nextjs-fy27q1-nextjsworkshop&amp;amp;utm_content=newsletter-workshop-register" rel="noopener noreferrer"&gt;Debugging Next.js in Production&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Next.js makes it easy to ship fast, but once your app is in production it can be hard to tell where errors, slow requests, or hydration issues are really coming from.&lt;/p&gt;

&lt;p&gt;Join Sentry's hands-on workshop where Sergiy Dybskiy will dives into how these problems show up in real apps and how to connect what users experience with what’s happening under the hood. 🚀&lt;/p&gt;

&lt;p&gt;&lt;a href="https://sentry.io/resources/workshop-nextjs-feb-2026/?utm_source=thisweekinreact&amp;amp;utm_medium=paid-community&amp;amp;utm_campaign=nextjs-fy27q1-nextjsworkshop&amp;amp;utm_content=newsletter-workshop-register" rel="noopener noreferrer"&gt;Register today&lt;/a&gt;!&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://agentskills.io/" 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%2Fdos97ey34faye6g6b272.jpg" alt="Agent Skills" width="800" height="264"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://agentskills.io/" rel="noopener noreferrer"&gt;Agent Skills&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;A new Anthropic spec is gaining traction in the AI dev community. Skills let agents acquire capabilities on demand via progressive disclosure—lazy-loading only what’s needed to keep context slim. It’s been a hot topic in React this week, with multiple projects shipping open-source skills and tooling:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://skills.sh/" rel="noopener noreferrer"&gt;Skills.sh&lt;/a&gt;, a platform launched by Vercel to discover popular open source skills&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://vercel.com/blog/introducing-react-best-practices" rel="noopener noreferrer"&gt;React Best Practices&lt;/a&gt; by Vercel for React and Next.js skills. I also liked the related article from one of the authors (&lt;a href="https://x.com/shuding/status/2013632751568851233" rel="noopener noreferrer"&gt;Performance Is Not a Technical Problem&lt;/a&gt;).&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.callstack.com/blog/announcing-react-native-best-practices-for-ai-agents" rel="noopener noreferrer"&gt;React Native Best Practices&lt;/a&gt; by Callstack, including many React Native optimization skills&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/expo/skills" rel="noopener noreferrer"&gt;Expo Skills&lt;/a&gt; for Expo apps and EAS projects&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://x.com/Remotion/status/2013626968386765291" rel="noopener noreferrer"&gt;Remotion Skills&lt;/a&gt; are trending on X, showing that you can vibe code videos with React 🤪&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;&lt;a href="https://www.firefox.com/en-US/firefox/147.0/releasenotes/" 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%2Fl8xa8lq1rjmbrzvwl7og.jpg" alt="Firefox 147" width="800" height="462"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://www.firefox.com/en-US/firefox/147.0/releasenotes/" rel="noopener noreferrer"&gt;Firefox 147&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;You might wonder why Firefox is the headline of the React section? It turns out this release is quite important for React developers, unlocking 3 new APIs that are now available in all browsers 🎉:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API/Using_types" rel="noopener noreferrer"&gt;View transition types&lt;/a&gt; - React is relying on it (&lt;code&gt;document.startViewTransition({update, types})&lt;/code&gt;) to conditionally enable its &lt;code&gt;&amp;lt;ViewTransition&amp;gt;&lt;/code&gt; component. That component is still canary, but once unflagged, it should now work in all recent browsers!&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://developer.chrome.com/blog/anchor-positioning-api" rel="noopener noreferrer"&gt;CSS anchor positioning&lt;/a&gt; - An awesome addition to CSS that should replace the need for JS-based positioning libraries many React apps used for dropdowns and tooltips, such as Tether, Popper.js, Floating UI…&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://developer.chrome.com/docs/web-platform/navigation-api/" rel="noopener noreferrer"&gt;Navigation API&lt;/a&gt; - This completely redefines the APIs used to build client-side routers / SPAs, providing a clean, centralized way to intercept navigation events, instead of using the clunky &lt;code&gt;history&lt;/code&gt; API.&lt;/li&gt;
&lt;/ul&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://www.infragistics.com/blogs/react-app-examples/?utm_source=this-week-in-react&amp;amp;utm_medium=referral&amp;amp;utm_campaign=ignite-ui-react&amp;amp;utm_term=newsletter-sponsorship&amp;amp;utm_content=10-react-grid-examples" rel="noopener noreferrer"&gt;10 Real-World React App Examples to Inspire Your Next Project&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/facebook/react/pull/35449" rel="noopener noreferrer"&gt;React RFC PR - useStore/createStore APIs&lt;/a&gt; - A POC of implementing a React Store that is compatible with concurrent rendering, for discussion purposes.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/prettier/prettier/pull/18533" rel="noopener noreferrer"&gt;Prettier PR - Upgrade MDX parser&lt;/a&gt; - Support for MDX v3 is finally coming.&lt;/li&gt;
&lt;li&gt;🔨 &lt;a href="https://tanstack.com/builder" rel="noopener noreferrer"&gt;TanStack Builder alpha&lt;/a&gt;: A website to let you assemble your own TanStack visually. It looks like a convenient visual wrapper around &lt;code&gt;create-tanstack-app&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;🗓 &lt;a href="https://react.paris/?utm_source=thisweekinreact" rel="noopener noreferrer"&gt;React Paris&lt;/a&gt; - 🇫🇷 Paris &amp;amp; Online - 26–27 March - React Paris is already 50% sold out - Secure your spot at this premier React event before prices increase by €200 and save an extra 10% with code "TWIR".&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.columkelly.com/blog/use-optimistic" rel="noopener noreferrer"&gt;useOptimistic Won't Save You&lt;/a&gt; - An interactive article showing that it’s not so easy to implement optimistic UI correctly, even with the new &lt;code&gt;useOptimistic&lt;/code&gt; and &lt;code&gt;useActionState&lt;/code&gt; APIs. This requires a good understanding of how React transitions work.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://nextjs.org/blog/turbopack-incremental-computation" rel="noopener noreferrer"&gt;Inside Turbopack: Building Faster by Building Less&lt;/a&gt; - Deep dive into the new default bundler of Next.js and its fine-grained and automatic incremental caching system.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://medium.com/preply-engineering/front-end-testing-at-preply-shifting-left-towards-component-testing-3e83c8608235" rel="noopener noreferrer"&gt;Front-end testing at Preply: shifting left towards component testing&lt;/a&gt; - Reorganizing front-end testing at scale by moving toward a Storybook-centric component testing approach.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://playfulprogramming.com/posts/react-compiler-library-support/" rel="noopener noreferrer"&gt;Adapting Library Logic for React Compiler&lt;/a&gt; - The author of TanStack Form explains a problem encountered with the React Compiler that was not reported by the ESLint plugin. Using the compiler &lt;code&gt;panicThreshold&lt;/code&gt; helped detect this problem more reliably.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://nodejs.org/en/blog/vulnerability/january-2026-dos-mitigation-async-hooks" rel="noopener noreferrer"&gt;Node.js - Mitigating Denial-of-Service Vulnerability from Unrecoverable Stack Space Exhaustion for React, Next.js, and APM Users&lt;/a&gt; - Node.js servers relying on &lt;code&gt;AsyncLocalStorage&lt;/code&gt; (used by React RSC and Next.js) can eventually be crashed with a single request containing a deeply nested JSON payload processed recursively. They mitigated the issue in v24.13, but still recommend removing potential attack vectors from your app.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://wtbb.vercel.app/i-love-dogs" rel="noopener noreferrer"&gt;Rebuilding the GitHub pull request experience&lt;/a&gt; - This dev explores how GitHub’s PR UI could be much faster, especially for large PRs, and shares lessons learned. His Next.js + React 19 demo shows impressive performance compared to GitHub’s current experience.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://boda.sh/blog/react-slot-aschild-pattern/" rel="noopener noreferrer"&gt;React Slot/asChild Composition Pattern&lt;/a&gt; - The article also highlights how &lt;a href="https://base-ui.com/react/utils/use-render#migrating-from-radix-ui" rel="noopener noreferrer"&gt;Base UI composition pattern differs from Radix UI&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.developerway.com/posts/server-actions-for-data-fetching" rel="noopener noreferrer"&gt;Can You Fetch Data with React Server Actions?&lt;/a&gt; - Not recommended, but technically possible, with caveats: no caching, requests are POST-only and generally processed sequentially by frameworks.&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://frontendmasters.com/courses/react-performance-v2/?utm_source=reactweekly&amp;amp;utm_medium=email&amp;amp;utm_campaign=reactperf" rel="noopener noreferrer"&gt;Make React apps fast where it actually matters. Learn how to diagnose real bottlenecks and fix slow, janky React apps using modern React 19 patterns.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://json-render.dev/" rel="noopener noreferrer"&gt;json-render - AI-generated UI with guardrails&lt;/a&gt; - Vercel introduced a new generative UI library. It lets users generate more complex dashboards, widgets, apps, and data visualizations from prompts, using a React component catalog you provide.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/TanStack/router/releases/tag/v1.152.0" rel="noopener noreferrer"&gt;TanStack Router 1.152 - Allow custom &lt;code&gt;fetch()&lt;/code&gt; implementation for server functions&lt;/a&gt; - This is useful for interceptors, auth, retry, testing and more (&lt;a href="https://tanstack.com/start/latest/docs/framework/react/guide/middleware#custom-fetch-implementation" rel="noopener noreferrer"&gt;docs&lt;/a&gt;).&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://base-ui.com/react/overview/releases#v1-1-0" rel="noopener noreferrer"&gt;Base UI 1.1 - New features for Autocomplete, Combobox, Select, Field, various bugfixes&lt;/a&gt; - By the way, we recently announced Base UI support in shadcn, and Base UI components are now &lt;a href="https://ui.shadcn.com/docs/changelog#:~:text=updates%20and%20announcements.-,January%202026%20%2D%20Base%20UI%20Documentation,-We%27ve%20shipped%20full" rel="noopener noreferrer"&gt;officially documented&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/shadcn-ui/ui/releases/tag/shadcn%403.7.0" rel="noopener noreferrer"&gt;shadcn 3.7 - New &lt;code&gt;npx shadcn registry add&lt;/code&gt; command&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="http://github.com/eugeniodepalo/gtkx" rel="noopener noreferrer"&gt;GTKX - Build native GTK4 desktop apps with React and TypeScript&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://puckeditor.com/blog/puck-021" rel="noopener noreferrer"&gt;Puck 0.21 - Visual editor for React - AI page generation, rich text editing, new Plugin interface&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://warper.tech/" rel="noopener noreferrer"&gt;Warper - Fast React virtualization library powered by Rust and WebAssembly&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/bvaughn/react-error-boundary/releases/tag/6.1.0" rel="noopener noreferrer"&gt;React Error Boundary 6.1 - Fix error type (&lt;code&gt;Error&lt;/code&gt; -&amp;gt; &lt;code&gt;unknown&lt;/code&gt;), add &lt;code&gt;getErrorMessage(e)&lt;/code&gt; helper&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/apollographql/apollo-client/releases/tag/%40apollo/client%404.1.0" rel="noopener noreferrer"&gt;Apollo Client 4.1&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=JO2L6MfiQtY" rel="noopener noreferrer"&gt;Maximilian Schwarzmüller - Is TanStack Start better than 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://wallabyjs.com/?referrer=ThisWeekInReactJan26" 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%2Fg2735txq4q1vto1e7io6.jpg" alt="No breakpoints, no console.log — just AI &amp;amp; time travel" width="800" height="378"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://wallabyjs.com/?referrer=ThisWeekInReactJan26" rel="noopener noreferrer"&gt;No breakpoints, no console.log — just AI &amp;amp; time travel&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;15x faster TypeScript and JavaScript debugging than with breakpoints and &lt;code&gt;console.log&lt;/code&gt;, while upgrading your AI agent into an expert debugger with real-time context.&lt;/p&gt;

&lt;p&gt;Wallaby.js runs your tests as you type, feeding your AI assistant live runtime values, code coverage, error details, and execution paths — all right next to your code. With &lt;a href="https://wallabyjs.com/blog/wallaby-v3.html?referrer=ThisWeekInReactJan26" rel="noopener noreferrer"&gt;Wallaby v3’s new engine&lt;/a&gt; 🚀, tests start instantly with cached results, prioritize active files, and stream updates in real time.&lt;/p&gt;

&lt;p&gt;Built for testing, Wallaby includes a &lt;strong&gt;Time Travel Debugger&lt;/strong&gt;, the ability to run only opened files, full-context AI integration, smart test runs, and more.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://wallabyjs.com/?referrer=ThisWeekInReactJan26" rel="noopener noreferrer"&gt;➡️ Learn More&lt;/a&gt;&lt;/p&gt;




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

&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://radon.swmansion.com/?utm_source=TWIR" rel="noopener noreferrer"&gt;Radon PRO – everything you need in one React Native IDE: debugger, element inspector, router integration &amp;amp; more. Try it now for free!&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📅 &lt;a href="https://www.callstack.com/events/react-universe-meetup-x-zalando-berlin?utm_source=thisweekinreact" rel="noopener noreferrer"&gt;React Universe Meetup at Zalando - January 29, Berlin&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://blog.swmansion.com/huawei-x-software-mansion-bringing-react-native-support-to-harmonyos-next-82e02bd75549" rel="noopener noreferrer"&gt;Huawei x Software Mansion: Bringing React Native Support to HarmonyOS NEXT&lt;/a&gt; - Software Mansion helps Huawei bring RN support to their OpenHarmony OS (already powering 27 million devices), ensuring their famous libraries are also compatible (Reanimated, Screens, Gesture Handler…)&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/channel-surfing-for-expo-updates-how-to-switch-update-channels-at-runtime" rel="noopener noreferrer"&gt;Channel surfing for Expo Updates: How to switch update channels at runtime&lt;/a&gt; - A technique to let your app’s user decide which Expo update channel to use on their own. You can limit this feature to your employees, for example.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/making-ai-feel-human-in-a-mobile-app-with-expo-reanimated-and-skia" rel="noopener noreferrer"&gt;Making AI feel human in a mobile app with Expo, Reanimated, and Skia&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://devblogs.microsoft.com/react-native/%F0%9F%9A%80react-native-windows-v0-81-is-here/" rel="noopener noreferrer"&gt;React Native Windows 0.81&lt;/a&gt; and &lt;a href="https://github.com/microsoft/react-native-macos/releases/tag/v0.81.0" rel="noopener noreferrer"&gt;React Native macOS 0.81&lt;/a&gt; - Out-of-tree platforms are catching up, enabling the New Architecture by default.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.callstack.com/blog/introducing-brownie-type-safe-shared-state-for-react-native-brownfield-apps" rel="noopener noreferrer"&gt;Brownie - Type-Safe Shared State for React Native Brownfield Apps&lt;/a&gt; - Creates a single source of truth that lives on the native side, accessible from both TypeScript and Swift. Support for Kotlin is coming soon.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/react-native-enriched/releases/tag/v0.3.0" rel="noopener noreferrer"&gt;Enriched 0.3 - Rich Text Editor - H1-&amp;gt;H6 heading styles, text selection API, custom links detection, and more&lt;/a&gt; - See also the newly-released sister project &lt;a href="https://github.com/software-mansion-labs/react-native-enriched-markdown" rel="noopener noreferrer"&gt;Enriched Markdown&lt;/a&gt; that renders Markdown content as native text.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://reactnavigation.org/blog/2025/12/19/react-navigation-8.0-alpha" rel="noopener noreferrer"&gt;React Navigation 8.0 alpha - Native Bottom Tabs by default, improved types, access to parent screen state, &lt;code&gt;pushParams&lt;/code&gt;, and more&lt;/a&gt; - Note that since this initial alpha release, &lt;a href="https://github.com/react-navigation/react-navigation/releases/tag/%40react-navigation%2Fnative%408.0.0-alpha.1" rel="noopener noreferrer"&gt;alpha.1&lt;/a&gt; has been published and includes even more features: automatic deep links, SFSymbols/Material Symbols, improved screen preloading.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/react-native-screens/releases/tag/4.20.0" rel="noopener noreferrer"&gt;Screens 4.20 - formSheet dynamic content size, a11y &amp;amp; testing improvements&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/adnxy/rnsec/releases/tag/v1.1.0" rel="noopener noreferrer"&gt;RNSec 1.1 - Path exclusion, incremental scanning, cleaner output, rule ignoring, and more&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/software-mansion/react-native-audio-api/releases/tag/0.11.0" rel="noopener noreferrer"&gt;Audio API 0.11 - Recording to file, new Web Audio API nodes, DX improvements&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/kirillzyusko/react-native-teleport" rel="noopener noreferrer"&gt;Teleport - The missing native portal implementation for React Native&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/arekkubaczkowski/react-native-bottom-sheet-stack" rel="noopener noreferrer"&gt;Bottom Sheet Stack - Stack manager for Bottom Sheet - Preserves React context, Portal-based API&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/mrousavy/nitro/releases" rel="noopener noreferrer"&gt;Nitro 0.32 &amp;amp; 0.33 - View recycling, custom &lt;code&gt;UIView&lt;/code&gt; subclasses, Performance &amp;amp; DX improvements&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/okwasniewski/expo-icloud-storage" rel="noopener noreferrer"&gt;Expo iCloud Storage - React Native wrapper for iCloud's &lt;code&gt;NSUbiquitousKeyValueStore&lt;/code&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstack/react-native-testing-library/releases/tag/v14.0.0-beta.0" rel="noopener noreferrer"&gt;React Native Testing Library 14.0 beta - React19+, async APIs, new renderer, migration guide available&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/MatthewSRC/native-springs-shaders" rel="noopener noreferrer"&gt;Native Spring Shaders - High-performance native shader effects for React Native and Expo&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/pawicao/react-native-header-motion" rel="noopener noreferrer"&gt;Header Motion - An abstraction for scroll-driven header animations&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=Sc2o-2p-kd0" rel="noopener noreferrer"&gt;Callstack - Understanding Threads and Queues in Swift TurboModules&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=Zm4z-8i7PgA" rel="noopener noreferrer"&gt;Expo - AI mobile app development with Replit and Expo&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://www.callstack.com/podcasts/building-v0-ios-and-fixing-react-native-along-the-way" rel="noopener noreferrer"&gt;React Universe on Air - Shipping v0 iOS: React Native Without Compromises&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://astro.build/blog/joining-cloudflare/" rel="noopener noreferrer"&gt;The Astro Technology Company joins Cloudflare&lt;/a&gt; - Interesting to see another popular framework join a tech giant. It will remain free, open source and MIT-licensed.&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/tc39/agendas/blob/main/2026/01.md" rel="noopener noreferrer"&gt;TC39 - Agenda for the 112th meeting&lt;/a&gt; - Currently in progress, some JS proposals already progressed, such as &lt;code&gt;map.getOrInsert()&lt;/code&gt; (stage 4) and &lt;code&gt;import.sync()&lt;/code&gt; (stage 2).&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://calendar.perfplanet.com/2025/the-curious-case-of-the-shallow-session-spas/" rel="noopener noreferrer"&gt;The Curious Case of the Shallow Session SPAs&lt;/a&gt;: Alex Russell argues that most SPAs shouldn’t be. Data shows that, on average, users produce a single soft navigation after the initial load, and that the upfront cost we pay is probably not worth it.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://allthingssmitty.com/2026/01/12/stop-turning-everything-into-arrays-and-do-less-work-instead/" rel="noopener noreferrer"&gt;Stop turning everything into arrays (and do less work instead)&lt;/a&gt; - Pragmatic introduction tio iterators.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://lea.verou.me/blog/2026/web-deps/" rel="noopener noreferrer"&gt;Web dependencies are broken. Can we fix them?&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://dev.to/this-is-learning/javascript-frameworks-heading-into-2026-2hel"&gt;JavaScript Frameworks - Heading into 2026&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://nodejs.org/en/blog/release/v25.4.0" rel="noopener noreferrer"&gt;Node.js 25.4 - &lt;code&gt;require(esm)&lt;/code&gt;, compile cache, and various other APIs are now stable&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://blog.jquery.com/2026/01/17/jquery-4-0-0/" rel="noopener noreferrer"&gt;jQuery 4.0 - Remove IE11 support and deprecated methods, slimmer&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🔗 &lt;a href="https://nodejs.github.io/package-examples/" rel="noopener noreferrer"&gt;Node.js package examples&lt;/a&gt; - The Node.js team created a guide on package shipping patterns and how to handle CJS/ESM.&lt;/li&gt;
&lt;/ul&gt;




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

&lt;p&gt;&lt;a href="https://x.com/RhysSullivan/status/2012354346063684034" 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%2Fvxnk1o7baiv62a95r84i.jpg" alt="alt" width="800" height="543"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://x.com/sebastienlorber/status/2013204855842550038" 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%2Fn1z8tyi4nglkm12z0xef.jpg" alt="alt" width="800" height="681"&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 #264 : Next.js | Voltra, 0.84 RC, Hermes, RNSec, Galeria, Nitro | Chrome, Astro</title>
      <dc:creator>Sebastien Lorber</dc:creator>
      <pubDate>Fri, 16 Jan 2026 14:18:17 +0000</pubDate>
      <link>https://forem.com/sebastienlorber/this-week-in-react-264-nextjs-voltra-084-rc-hermes-rnsec-galeria-nitro-chrome-astro-1pfi</link>
      <guid>https://forem.com/sebastienlorber/this-week-in-react-264-nextjs-voltra-084-rc-hermes-rnsec-galeria-nitro-chrome-astro-1pfi</guid>
      <description>&lt;p&gt;Hi everyone! Kacper and Filip from &lt;a href="https://swmansion.com/" rel="noopener noreferrer"&gt;Software Mansion&lt;/a&gt; here! 👋&lt;/p&gt;

&lt;p&gt;It's not too late—we're finally back from our Christmas break, and the entire newsletter team wishes you a happy New Year!&lt;/p&gt;

&lt;p&gt;The winter break brought a lot of great articles from the community. While for some, early January is a time for reflection, summaries, and reviews of 2025, others can’t stop shipping.&lt;/p&gt;

&lt;p&gt;In the React space, we have a new version of Next.js 16.1, security fixes for React Router, and the announcement of Waku 1.0 alpha.&lt;/p&gt;

&lt;p&gt;As for React Native, we have the release of Voltra, a new way to create Live Activities &amp;amp; Widgets, and a sneak peek of React Native 0.84 with Hermes v1 enabled by default.&lt;/p&gt;




&lt;p&gt;💡 Subscribe to the &lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" rel="noopener noreferrer"&gt;official newsletter&lt;/a&gt; to receive an email every week!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://thisweekinreact.com?utm_source=dev_crosspost" 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%2Fz4uz6ixhzg21rrks3os9.png" alt="banner" width="800" height="373"&gt;&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://coderabbit.link/F8zN5Km" 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%2Flelfq07t7g3rzey2xsc6.jpg" alt="Cut Code Review Time &amp;amp; Bugs in Half" width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://coderabbit.link/F8zN5Km" rel="noopener noreferrer"&gt;Cut Code Review Time &amp;amp; Bugs in Half&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Code reviews are critical but time-consuming. CodeRabbit acts as your AI co-pilot, providing instant Code review comments and potential impacts of every pull request. &lt;/p&gt;

&lt;p&gt;Beyond just flagging issues, CodeRabbit provides one-click fix suggestions and lets you define custom code quality rules using AST Grep patterns, catching subtle issues that traditional static analysis tools might miss.&lt;/p&gt;

&lt;p&gt;CodeRabbit has so far reviewed more than 10 million PRs, installed on 2 million repositories, and used by 100 thousand Open-source projects. CodeRabbit is free for all open-source repo's.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://coderabbit.link/F8zN5Km" rel="noopener noreferrer"&gt;&lt;strong&gt;Get Started Today&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-jan14" rel="noopener noreferrer"&gt;Product for Engineers - Your product ideas probably suck (that's ok)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://fant.io/react/" rel="noopener noreferrer"&gt;How to Steal Any React Component&lt;/a&gt;: An interactive article that shows it’s possible to extract React Fiber information and feed it to an LLM to reconstruct almost any React component.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://tkdodo.eu/blog/building-type-safe-compound-components" rel="noopener noreferrer"&gt;Building Type-Safe Compound Components&lt;/a&gt;: A convenient API for grouping dialogs, modals, and selects, but it’s not the easiest to ensure their type safety. Dominik suggests using the so-called Component Factory Pattern to provide strong type guarantees.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.tbeeren.com/post/experimenting-with-bun-from-idea-to-production-in-a-week" rel="noopener noreferrer"&gt;Experimenting with Bun: From Idea to Production in a Week&lt;/a&gt;: A successful case study of swapping Node.js for Bun to run React SSR workloads.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://handlewithcare.dev/blog/transition_low_priority_editor_updates/" rel="noopener noreferrer"&gt;Using React Transitions for low-priority text editor updates&lt;/a&gt;: This interactive article shows how to leverage &lt;code&gt;useDeferredValue&lt;/code&gt; to render the editor preview with a lower priority to keep the main editor responsive.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://next-16-recipes.vercel.app/sharing-data-with-client-components" rel="noopener noreferrer"&gt;Sharing data with Client Components&lt;/a&gt;: RSCs can’t use Context directly. Instead, they can pass data (such as the current user) to Client Components that can later expose it as Context. Passing a promise does not block the navigation and improves performance.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://peterkellner.net/2026/01/09/understanding-react-useeffectevent-vs-useeffect/" rel="noopener noreferrer"&gt;Understanding useEffectEvent&lt;/a&gt;: How &lt;code&gt;useEffectEvent&lt;/code&gt; solves &lt;code&gt;useEffect&lt;/code&gt; stale closure problem.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://macarthur.me/posts/queue/" rel="noopener noreferrer"&gt;I used a generator to build a replenishable queue&lt;/a&gt;: Building a file upload UX with &lt;code&gt;useSyncExternalStore&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://addyo.substack.com/p/how-good-is-ai-at-coding-react-really" rel="noopener noreferrer"&gt;How Good Is AI at Coding React (Really)?&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.debugbear.com/blog/measuring-react-app-performance" rel="noopener noreferrer"&gt;Comprehensive introduction to measuring and improving React app performance&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://howtotestfrontend.com/resources/how-to-write-good-frontend-tests" rel="noopener noreferrer"&gt;How to write good frontend tests: 37 tips and tricks&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;💸 &lt;a href="https://r2trck.com/twir-4" rel="noopener noreferrer"&gt;Building AI Voice Agents at Scale — The executive playbook by ElevenLabs&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://nextjs.org/blog/next-16-1" rel="noopener noreferrer"&gt;Next.js 16.1 - Filesystem cache for &lt;code&gt;next dev&lt;/code&gt;, bundle analyzer, improved debugging&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/immerjs/immer/releases/tag/v11.1.0" rel="noopener noreferrer"&gt;Immer 11.1 - Performance improvements&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://reactrouter.com/changelog#v7120" rel="noopener noreferrer"&gt;React Router 7.12 - Security fixes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://waku.gg/blog/waku-v1-alpha" rel="noopener noreferrer"&gt;Waku 1.0 alpha - Stable API surface&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/ant-design/ant-design/releases/tag/6.2.0" rel="noopener noreferrer"&gt;Ant Design 6.2&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://conf.react.dev/" rel="noopener noreferrer"&gt;React Conf 2025 - All the talks and interviews are now online&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=Sc5ca-VJdxY" rel="noopener noreferrer"&gt;Theo - I moved off of Next.js (to TanStack Start)&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=e2OC3aaiGhI" rel="noopener noreferrer"&gt;Cosden Solutions - The Better Way to Use React Query&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️ &lt;a href="https://insidefacebookmobile.libsyn.com/82-css-at-scale-with-stylex" rel="noopener noreferrer"&gt;Meta Tech Podcast 82 - CSS at Scale with StyleX&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




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

&lt;p&gt;&lt;a href="https://frontendmasters.com/courses/react-performance-v2/?utm_source=reactweekly&amp;amp;utm_medium=email&amp;amp;utm_campaign=reactperf" 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%2F2d9hvpkbouc602pr9d3c.jpg" alt="React Performance, v2" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://frontendmasters.com/courses/react-performance-v2/?utm_source=reactweekly&amp;amp;utm_medium=email&amp;amp;utm_campaign=reactperf" rel="noopener noreferrer"&gt;React Performance, v2&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Make React apps fast where it actually matters.&lt;/p&gt;

&lt;p&gt;An advanced performance course from &lt;strong&gt;Steve Kinney&lt;/strong&gt;, focused on diagnosing real bottlenecks and fixing slow, janky React apps using modern React 19 patterns.&lt;/p&gt;

&lt;p&gt;🚀 &lt;strong&gt;Modern React&lt;/strong&gt;: Suspense, transitions, deferred values, hydration, server actions\&lt;br&gt;
🔍 &lt;strong&gt;Debug Faster&lt;/strong&gt;: Find unnecessary re-renders with React DevTools &amp;amp; the Profiler\&lt;br&gt;
🧠 &lt;strong&gt;Smart Optimization&lt;/strong&gt;: Memoization, virtualization, code splitting, optimistic UI\&lt;br&gt;
⚡ &lt;strong&gt;Feel-Fast UX&lt;/strong&gt;: Learn how React Fiber prioritizes work to keep apps responsive&lt;/p&gt;

&lt;p&gt;⏱ 4+ hours • ⭐ 4.8 rating\&lt;br&gt;
🏫 From &lt;strong&gt;Frontend Masters&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;👉 Watch the course: &lt;a href="https://frontendmasters.com/courses/react-performance-v2/?utm_source=reactweekly&amp;amp;utm_medium=email&amp;amp;utm_campaign=reactperf" rel="noopener noreferrer"&gt;https://frontendmasters.com/courses/react-performance-v2/&lt;/a&gt;&lt;/p&gt;




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

&lt;p&gt;&lt;a href="https://www.callstack.com/blog/live-activities-and-widgets-with-react-say-hello-to-voltra" 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%2F2ang9lzszie92v7sp9sq.jpg" alt="Voltra" width="800" height="420"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.callstack.com/blog/live-activities-and-widgets-with-react-say-hello-to-voltra" rel="noopener noreferrer"&gt;&lt;strong&gt;Voltra 1.0 - Live Activities &amp;amp; Widgets with JSX in React Native&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Voltra is a new library that allows React Native devs to compose Live Activities and Widgets using SwiftUI primitives in just JSX, without having to write native code.&lt;/p&gt;

&lt;p&gt;While previous community attempts, such as &lt;a href="https://github.com/EvanBacon/expo-apple-targets" rel="noopener noreferrer"&gt;expo-apple-targets&lt;/a&gt; or &lt;a href="https://github.com/software-mansion-labs/expo-live-activity" rel="noopener noreferrer"&gt;expo-live-activity&lt;/a&gt;, either supported a limited set of possible layouts or required knowledge of Swift, Voltra overcomes these limitations.&lt;/p&gt;

&lt;p&gt;Note that Expo is also working on their own &lt;a href="https://x.com/k7grzywacz/status/2000980494998175934" rel="noopener noreferrer"&gt;solution for Widgets &amp;amp; Live Activities&lt;/a&gt; coming in Expo SDK 55.&lt;/p&gt;




&lt;ul&gt;
&lt;li&gt;💸 &lt;a href="https://radon.swmansion.com/?utm_source=TWIR1" rel="noopener noreferrer"&gt;Radon PRO - turn your code editor into an integrated experience. Try it out and enjoy the best way to build React Native apps.&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;👀 &lt;a href="https://github.com/reactwg/react-native-releases/issues/1202" rel="noopener noreferrer"&gt;Hermes V1 enabled by default starting from React Native 0.84&lt;/a&gt;: A faster Hermes JS-engine added as experimental in RN 0.82 will be the standard in the next stable RN release.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://expo.dev/blog/cutout-camera-effects-in-react-native-with-expo-camera-and-maskedview" rel="noopener noreferrer"&gt;Expo - Cutout camera effects in React Native with Expo Camera and MaskedView&lt;/a&gt;: Explanation on how to make parts of UI see-through to the camera feed behind them. This creates the illusion that the phone is transparent.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.mux.com/blog/slop-social" rel="noopener noreferrer"&gt;TikTok-style video feed in React Native&lt;/a&gt;: Tips on building a well-optimized short-form vertical video feed using FlashList, directional preloading (5 videos ahead, 1 behind), and aggressive video pausing.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://davey.bearblog.dev/animating-sfsymbol-icons-in-the-native-ios-tab-bar/" rel="noopener noreferrer"&gt;Animating SFSymbol Icons in the native iOS tab bar&lt;/a&gt;: The author describes a workaround for animating icons in the native bottom tabs navigator. He had to traverse the native view hierarchy to apply the effect to the base &lt;code&gt;UIImageView&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://devongovett.me/blog/static-hermes.html" rel="noopener noreferrer"&gt;How to compile JavaScript to C with Static Hermes&lt;/a&gt;: It looks like Hermes has valid use cases outside of the React Native world. The creator of Parcel was able to compile the Less.js CSS preprocessor into a C library that he can call from Rust.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://www.callstack.com/blog/react-native-wrapped-2025-a-month-by-month-recap-of-the-year" rel="noopener noreferrer"&gt;Callstack - React Native Wrapped 2025: A Month-by-Month Recap of The Year&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://shift.infinite.red/react-native-wrapped-2025-the-year-we-entered-our-polishing-era-79c6a3e5b4b7" rel="noopener noreferrer"&gt;Infinite Red - React Native Wrapped 2025: The Year We Entered Our Polishing Era&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://blog.swmansion.com/react-native-in-2026-trends-our-predictions-463a837420c7" rel="noopener noreferrer"&gt;Software Mansion - React Native in 2026: Trends &amp;amp; Predictions&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://www.rnsec.dev/" rel="noopener noreferrer"&gt;RNSEC - Security Scanner for React Native&lt;/a&gt;: a CLI that scans RN &amp;amp; Expo apps for security vulnerabilities &amp;amp; hardcoded secrets&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/ecrindigital/facetpack" rel="noopener noreferrer"&gt;Facetpack&lt;/a&gt;: Promising 36x faster Metro transforms for React Native using OXC in place of Babel&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/Renegades-Studio/react-native-tickle" rel="noopener noreferrer"&gt;Tickle - AHAP-style haptics for React Native&lt;/a&gt;: Supports transient &amp;amp; continuous haptics. Callable from UI Thread.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/facebook/react-native/releases/tag/v0.84.0-rc.0" rel="noopener noreferrer"&gt;React Native 0.84 RC.0&lt;/a&gt;: Updates to React 19.2.3, lots of accessibility improvements, added &lt;code&gt;onKeyDown&lt;/code&gt;/&lt;code&gt;onKeyUp&lt;/code&gt; events&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/nandorojo/galeria/releases/tag/v2.0.0" rel="noopener noreferrer"&gt;Galeria 2.0 - New transition style, corner radius interpolation, page indicators, blur overlay&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/mrousavy/nitro/releases/tag/v0.33.0" rel="noopener noreferrer"&gt;Nitro 0.33 - &lt;code&gt;HybridViews&lt;/code&gt; recycling and &lt;code&gt;UIView&lt;/code&gt; subclasses support&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://radon.swmansion.com/docs/getting-started/changelog#1.15.x" rel="noopener noreferrer"&gt;Radon 1.15 - Run Maestro tests directly in Radon&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/gunnartorfis/sonner-native/releases/tag/v0.23.0" rel="noopener noreferrer"&gt;Sonner Native 0.23 - Toast library - Added &lt;code&gt;positionStyle&lt;/code&gt; prop&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://github.com/callstackincubator/rock/releases/tag/v0.12.0" rel="noopener noreferrer"&gt;Rock 0.12 - Brownfield-ready modular toolkit - Support for RN 0.83 &amp;amp; 0.82&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=LZFEr9QDIVg" rel="noopener noreferrer"&gt;Simon Grimm - Choosing the Right React Native Stack in 2026&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎥 &lt;a href="https://www.youtube.com/watch?v=rhLBFKlEXPM" rel="noopener noreferrer"&gt;Building v0 iOS and Fixing React Native Along the Way&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🎙️&lt;a href="https://infinite.red/react-native-radio/rnr-350-react-native-wrapped-2025" rel="noopener noreferrer"&gt;RNR 350 - React Native Wrapped 2025&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="http://risingstars.js.org/2025/en" rel="noopener noreferrer"&gt;2025 JavaScript Rising Stars&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📖 &lt;a href="https://github.com/gibbok/typescript-book" rel="noopener noreferrer"&gt;The Concise TypeScript Book&lt;/a&gt; - an interesting alternative to the official TypeScript documentation.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://loggingsucks.com/" rel="noopener noreferrer"&gt;Logging Sucks&lt;/a&gt; - an opinion piece about good logging practices in the age of distributed systems.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://joyeecheung.github.io/blog/2025/12/30/require-esm-in-node-js-from-experiment-to-stability/" rel="noopener noreferrer"&gt;require(esm) in Node.js: from experiment to stability&lt;/a&gt; - Deep dive into challenges of bringing require(esm) into a stable version of Node.js.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://marvinh.dev/blog/signals-vs-query-based-compilers/" rel="noopener noreferrer"&gt;Signals vs Query-Based Compilers&lt;/a&gt; - A comparison of 2 different approaches to building incremental systems.&lt;/li&gt;
&lt;li&gt;📜 &lt;a href="https://socket.dev/blog/npm-to-implement-staged-publishing" rel="noopener noreferrer"&gt;NPM to implement staged publishing&lt;/a&gt; - The future plans for protecting against supply chain attacks.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://developer.chrome.com/blog/new-in-chrome-144?hl=en" rel="noopener noreferrer"&gt;Chrome 144&lt;/a&gt; - New &lt;code&gt;&amp;lt;geolocation&amp;gt;&lt;/code&gt; element, Temporal API, and devtools improvements.&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://astro.build/blog/astro-6-beta/" rel="noopener noreferrer"&gt;Astro 6 beta - Redesigned dev server experience&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://turborepo.dev/blog/turbo-2-7" rel="noopener noreferrer"&gt;Turborepo 2.7 - DevTools, composable config&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;📦 &lt;a href="https://rspack.rs/blog/announcing-1-7" rel="noopener noreferrer"&gt;Rspack 1.7 - Final version before v2&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/1975502820393820260" 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%2Ffvkfsl8dfvw77yvt1s4t.jpg" alt="alt" width="800" height="791"&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>
