This Week In React #259: State of React, Promise subclasses, Next.js, RSC, JSX Tools | Yoga CSS Grid, Radon | TC39, Browserslist

#react #reactnative

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!

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

💸 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 setting value/status/reason attributes on a Promise, so that React can read it synchronously.
👀 Next.js MCP PR - New get_routes tool: Gives AI agents access to a list of route handlers, available in v16.0.3.
👀 Next.js PR - New next analyze CLI 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 upgrade CLI 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 😇.
💸 STRICH - Add lightning-fast 1D+2D barcode/QR scanning to your web app with a lean JS lib. Simple, predictable pricing, free trial and demo!
📜 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
📦 nuqs 2.8 - Add react-router v5 support
📦 c15t 1.8 - Content Management - Hybrid consent storage, user identification. configurable legal links, and more
📦 vite-plugin-react-fallback-throttle: Could help speed up your React 19 Suspense unit tests by removing a hardcoded 300ms delay.
📦 Storybook 10.1 alpha - Storybook MCP sneak peek
📦 Streamdown 1.5 - Markdown streaming renderer - New docs, performance improvements, fullscreen view for diagrams
🎥 CodeTV - Hands On With Async React with Ricky Hanlon
🎥 Ben Holmes - I fixed Zustand's biggest problem
🎥 Youssef Benlemlih - The Coolest TanStack Feature - View Transitions
🎥 Jan Marshal - TanStack Start Is Shockingly Good, 100% Typesafe!

💸 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