This Week In React #268 :Bulletproof Comps, Render Types | RN 0.84, Gestures, Rozenite, Storybook | Vitest, VSCode

Hi everyone!

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.

React Native 0.84 just dropped, and Gesture Handler 3 is in beta. Expo SDK 55 should also be out soon.

💡 Subscribe to the official newsletter to receive an email every week!

💸 Sponsor

Seer: AI that debugs React errors and writes the fix

Most AI coding tools only see your source code. Seer, Sentry's AI debugging agent, 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.

How it works:

• Seer scans & analyzes issues using all Sentry's available context.


• In development, Seer debugs alongside you as you build


• In review, Seer alerts you to bugs that are likely to break production


• 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.

Try Sentry for free ➡️

⚛️ React

Building Bulletproof React Components

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.

• 💸 FormEngine Core – Lightweight React JSON Schema form builder library for MUI with true cross-app reuse. No deep React knowledge required
  


• 📜 A React trick to improve exit animations - Freezing the component’s content while it’s animating to avoid visual glitches.


• 📜 The Recent CVEs in React and Node.js Were Found by an AI - Interesting to see the process of security researchers to find the recent RSC DoS vulnerability, and how it can be automated.


• 📜 React Compiler and why class objects can work against memoization - Prefer plain data and pure helpers that the React compiler can observe as inputs.


• 📜 The logo soup problem (and how to solve it) - 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.


• 📜 Next.js at Enterprise Level
  


• 📜 Authenticated Routes with TanStack Router
  


• 💸 Product for Engineers - How I actually get good advice
  


• 📦 Tambo 1.0 - Generative UI SDK for React - 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.


• 📦 eslint-plugin-react-render-types - Brings Flow's Render Types to TypeScript via JSDoc - 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.


• 📦 React Compiler Marker - Universal IDE extension, shows which components are optimized by the Compiler - Recently switched to an LSP, unlocking support for additional IDEs: IntelliJ/WebStorm/Neovim.


• 📦 React2AWS - Write AWS infrastructure like you write React components - Generates production-ready Terraform from JSX components and Tailwind-inspired classNames 🤪, fun idea.


• 📦 Ink 6.7 CLI renderer - Add support for React concurrent rendering, synchronized updates
  


• 📦 shadcn/ui - All blocks now available for both Radix and Base UI
  


• 📦 Visual Agentic Dev - Immersive React dev environment that lives within the browser
  


• 📦 Streamdown 2.2 - Animated streaming, improves support for custom HTML elements, completes ReactMarkdown props
  


• 🎥 Wawa Sensei - 3 React Three Fiber Mistakes I'll Never Make Again
  


• 🎙️ This Week in React - Oops more CVEs. AI has React "skills", Astro exits and Tailwind struggles
  

💸 Sponsor

React Performance, v2

Make React apps fast where it actually matters.

An advanced performance course from Steve Kinney, focused on diagnosing real bottlenecks and fixing slow, janky React apps using modern React 19 patterns.

• 🚀 Modern React: Suspense, transitions, deferred values, hydration, server actions


• 🔍 Debug Faster: Find unnecessary re-renders with React DevTools & the Profiler


• 🧠 Smart Optimization: Memoization, virtualization, code splitting, optimistic UI


• ⚡ Feel-Fast UX: Learn how React Fiber prioritizes work to keep apps responsive

⏱ 4+ hours • ⭐ 4.8 rating\

🏫 From Frontend Masters

👉 Watch the course: https://frontendmasters.com/courses/react-performance-v2/

📱 React-Native

React Native 0.84

A new version of React Native just dropped. The highlights:

• Hermes V1 is now enabled by default for automatic performance gains and reduced memory usage


• Precompiled binaries on iOS by default for faster builds, with an opt-out to build from source


• Legacy Architecture Components removed for both iOS and Android

Gesture Handler 3.0 beta - Hook-Based API, Deeper Reanimated Integration & More

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.

• 💸 Radon by Software Mansion - Join 42k+ React Native developers using Radon for faster, more efficient React Native development.
  


• 👀 React Native PR - Support React Portal with Fabric - 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).


• 🐦 William Candillon sharing WebGPU + Skia demos - You can seamlessly interleave one into the other from both sides.


• 📅 App.js Conf is looking for speakers! Apply to share your insights and stories about building with React Native & Expo! - The CFP is open until 28th February, and you can also get a 10% discount on tickets with our code “TWIR”.


• 📜 Building Rozenite: The injection - Explains how Rozenite is able to add specialized panels to the React Native DevTools, by hijacking a request.


• 📜 Faster, cheaper, messier: lessons from our switch to self-hosted GitHub Actions - Feedback from The Guardian after migrating their iOS app build from GitHub cloud runners to a self-hosted Mac Mini.


• 📜 How to modernize mobile retail apps with Expo
  


• 📦 React Native Storybook Tools - RN Storybook maintainer created a new VSCode extension that lets you seamlessly navigate from/to your stories, and a Rozenite devtool plugin.


• 📦 JSON Render 0.5 - Support for React Native - The generative UI library from Vercel now comes with a React Native integration. See also this X video demo.


• 📦 React Native Video Feed - Starter for building TikTok-style video feeds, based on react-native-video v7 (still in beta).


• 📦 Expo Apple Target 4.0 - Add support for 20+ new targets
  


• 📦 React Native Material Palette - Android Palette API, extracts prominent colors from images
  


• 📦 React Native ExecuTorch 0.7 - Local speech synthesis - If you are excited about offline-first AI, check also their roadmap toward v1.


• 📦 Expo Paste Input - Paste images and GIFs directly from the system clipboard, flexible native wrapper around TextField
  


• 📦 True Sheet 3.9 - Side Sheets for iPad and Tablets
  


• 📦 Expo OpenClaw Chat - Minimal SDK for Expo apps to connect to OpenClaw gateway
  


• 📦 React Native IAP 14.7.9 - 14.7.9 - tvOS, macOS & watchOS Support
  


• 🤖 Callstack Agent Skills updated - New skills to upgrade React Native / Expo
  


• 🎥 Beto - Expo Router iOS 26 Tutorial: Native Tabs, Toolbars, Zoom Transitions (SDK 55)
  


• 🎥 Software Mansion - Radon, An IDE for React Native & Expo
  


• 🎥 Callstack - What Is the React Native AI SDK? A Complete Intro & Quickstart
  


• 🎙️ RNR 353 - Node-API Support for React Native with Kræn Hansen
  


• 🎙️ Rocket Ship 91 - Gesture Handler v3, AI Agents Everywhere, Animated Components & Tiny Harvest Momentum
  

🔀 Other

• 👀 TypeScript 6.0 Iteration Plan - The last JS-based version (no 6.1 planned) is about to drop in beta (last minute edit: 6.0 beta is out). A bridge release that prepares us for the faster 7.0 Go rewrite. One notable change is to turn strict mode on by default.


• 👀 Webpack - Roadmap 2026 - 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 tsconfig.json alias resolution.


• 📖 Vitest 4.1 beta - Test tags - 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.


• 📜 The Wrong Work, Done Beautifully - The author of jsdom 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.


• 📜 How Rolldown Works: High-Performance Code Splitting with Bitset Logic
  


• 📦 Almostnode - Node.js in your browser - This lightweight and open alternative to WebContainers can run Next.js and Vite apps.


• 📦 Chrome 145 - Map.prototype.getOrInsert(), CSS text-justify, letter-spacing - They also announced an early preview of WebMCP in Chrome 146, letting you expose tools for AI agents to interact with your websites/apps.


• 📦 ESLint 10.0 - Improves JSX references tracking, removes eslintrc configuration, smaller
  


• 📦 Bun 1.3.9 - bun run –parallel / –sequential
  


• 📦 VSCode 1.109 - Improved Agent UX and extensibility
  

🤭 Fun

See ya! 👋