This Week In React 259
State of React, Promise subclasses, Next.js, RSC, JSX Tools, React Grab, Base UI, Waku, StyleX | Yoga CSS Grid, Radon, Brownfield, Detox, Bootsplash | TC39, Browserslist, Lint
Hi everyone, Seb here! 👋
It’s been another quiet week in the ecosystem, probably because everyone was afraid to announce anything during the massive Cloudflare outage! By the way, this one was not caused by useEffect 😆!
We have a good variety of interesting links, but I’m not sure what could be the headline. The most important news was probably the announcement of the upcoming CSS grid support in Yoga and React Native, but it’s still a draft PR for now. Also excited by the TC39 proposals progressing.
Make sure to take the State of React 2025 survey, which just opened today!
As always, thanks for supporting us on your favorite platform:
🦋 Bluesky
✖️ X / Twitter
👔 LinkedIn
👽 Reddit
William CandillonReact-Native animations expert - Youtuber
💸 Sponsor
Shadcn Admin Kit: Supercharge Your Next Admin
Your AI coding assistant knows CRUD, right? Except it reinvents the wheel every time and accumulates tech debt like crazy. 🫠 Help it code smarter with Shadcn Admin Kit, an AI-ready library built on best practices (TanStack Query, React Router, React Hook Form, Radix UI, React-Admin).
With dozens of ready-to-use blocks, a flexible headless core, and full composability, it scales from simple admins to complex B2B apps, without ever getting in your way.
The best part? Components live in your repo. Modify them freely; no waiting for releases or messy patches.
→ Get started with the open-source Shadcn Admin Kit today! 💥
⚛️ React
💸 Product for Engineers - Non-obvious pricing advice for startups
👀 Async React - New
use()docs for Promise subclasses: When implementing a Suspense-enabled library, you can help React avoid unnecessarily suspending by settingvalue/status/reasonattributes on a Promise, so that React can read it synchronously.👀 Next.js MCP PR - New
get_routestool: Gives AI agents access to a list of route handlers, available in v16.0.3.👀 Next.js PR - New
next analyzeCLI command: New built-in experimental bundle analyzer for Next.js and Turbopack. The “import stack” helps you figure out where a module is being used. Available in v16.0.2-canary.22, scheduled for v16.1.👀 Next.js PR - New
next upgradeCLI command: New easy-to-remember command, just a convenient alias to the codemods that already exist, available in v16.0.2-canary.24.📊 State of React 2025 - Survey is now open: Please take it, and don’t forget to vote for our newsletter at the end 😇.
📜 Just JavaScript: A Remix maintainer gives their opinion on whether React Router, Remix 3, Svelte, and React are just JavaScript or not.
📜 React Server Components With Parcel: Implements a simple task management application. I found it interesting to see how the Parcel integration works, starting from zero.
📜 Tooltip Components Should Not Exist: Explains that a generic
<Tooltip>component is too low-level for a design system and leads to anti-patterns. Instead, it could be better to expose more specialized tooltip components.📜 Testing async React RSC components: Testing React Server Components looks challenging. It may be easier to avoid async components and leverage
use()instead.📜 Modal dialogs without React (or JavaScript): This interactive article demonstrates that you might not need a third-party component library with a
<Modal>component, thanks to modern Web API alternatives that are now widely supported.📜 Vitest Browser Mode vs Playwright: A great comparison of these tools, both of which can run React component tests with quite different tradeoffs. Vitest Browser Mode is the recommended approach.
📦 JSX Tools - In-Browser React IDEs: Interesting new Y Combinator startup that turns your Chrome DevTools into an AI-powered IDE that understands React/JSX and lets you select UI elements to edit.
📦 React Grab - Grab any element on in your app and give it to Cursor, Claude Code, etc: It looks quite similar to JSX Tools above, except that you keep give the grabbed context to an external IDE.
📦 Base UI 1.0 beta.5 - New button component, detached triggers, Autocomplete/Combobox improvements, and more: The upcoming UI library from the former Radix UI team keeps progressing, and announced that the lib will be RC/stable in December.
📦 TanStack Router 1.136 - New
createServerEntry()API📦 Waku 0.27.1 - Static pages/layouts/slices are now rendered at build time
📦 StyleX 0.17 Add support for Unplugin, new
defineMarker()API, ESLint improvements📦 vite-plugin-react-fallback-throttle: Could help speed up your React 19 Suspense unit tests by removing a hardcoded 300ms delay.
🎥 Youssef Benlemlih - The Coolest TanStack Feature - View Transitions
🎥 Jan Marshal - TanStack Start Is Shockingly Good, 100% Typesafe!
Dominik DorfmeisterWeb Developer - React-Query maintainer
💸 Sponsor
Slow And Janky Data Grids Suck. LyteNyte Grid Doesn’t.
Frustrated with janky data grids that break down at scale, dictate your architecture, and waste hours on messy workarounds?
Unleash unmatched grid speed with LyteNyte Grid! The 40kb data grid that handles 10,000 updates per second, renders millions of rows, and offers 100+ advanced features ranging from server data loading to tree views. Built in React for React, it can be headless or pre-styled, and our declarative API means no more awkward integrations or workarounds. LyteNyte skips the wrappers and delivers pure performance.
See LyteNyte Grid in action today
📱 React-Native
👀 Yoga PR - CSS Grid support: A developer from the Expo team is implementing the CSS Grid specification into Yoga, the React Native layout engine! This will also benefit many other tools and renderers that also use Yoga. 🎉
🐦 Reanimated preview - Support for animating text inside
Animated.Text🗓 RNLConf - 🇬🇧 London - Thanks to everyone who made this year unforgettable! Tickets for RNLConf 2026 are now open. Get a 10% discount with code “TWIR”.
📜 Building an Integrated React Native Brownfield App Using Expo: Step-by-Step Android Guide
📜 Building an AI-Powered Note-Taking App in React Native — Part 2: Image Semantic Search
📜 How to integrate EAS Workflows with GitHub Actions for faster mobile CI
📜 Going Universal: From a brownfield React Native and Next.js stack to one Expo app
📦 React Navigation Stack 7.6.4 - Fix gaps between animating screens bug under New Architecture
📦 Expo Speech Transcriber - New iOS-only lib, supports iOS 26 SpeechAnalyzer, realtime transcription
📦 Streamdown RN - Streaming markdown renderer based on Vercel’s Streamdown
🎥 Callstack Webinar - Scaling React Native at Zalando: How Brownfield Migration Paid Off
🎥 Software Mansion - Meet React Native Worklets: Run JavaScript on Multiple Threads
🎙️ Rocket Ship 85 - Valdi vs React Native, Uniwind v1, WebGPU, Game Dev & AI Engineering
🎙️ RNR 347 - Skylight: Smart Displays Powered by React Native
🔀 Other
🦋 TC39 meeting in progress - Live updates from Rob Palmer: The meeting is still in progress, but we already know great ES proposals that have changed stage. I’m particularly excited by
Promise.allKeyed(), Import Text andObject.keysLength().📜 Faking Two-Phase View Transitions with the Navigation API’s precommitHandler: The problem with Cross-Document View Transitions is that the transition can be delayed until the navigation commits. A solution could be to transition immediately to an intermediate skeleton.
📦 Prisma ORM 7.0 - Rust-free client by default, smaller, faster
🤭 Fun
See ya! 👋
CSS Grid support comng to Yoga is huge. This could change how we build layouts in React Native pretty drasticaly.