React Status Issue 429: May 14, 2025

#429 — May 14, 2025

🖊️ I'm going to Google I/O, so React Status is taking a break and will return on May 28. If you happen to be at I/O, say hi if you see an Englishman rambling on about newsletters!
__
Your editor, Peter Cooper

Together with

tscircuit: Use React for Building Electronics Projects — An interesting approach to designing and laying out electronic circuit boards using a React-based approach. I bet Jordan Walke wouldn’t have predicted this when he created React! GitHub repo.

tscircuit Inc.

Master Modern React — Join Brian Holt for this extensive course and discover how to sharpen your production-ready skills and build high-performance apps — utilizing the latest React 19+ features such as server components, suspense, transitions, and more.

Frontend Masters sponsor

Static as a Server — If you’ve ever wondered how so-called ‘server’ components can ship as static assets, Dan does a good job at clearing the confusion and showing you how to prerender them at build time so you can serve everything from a CDN for free.

Dan Abramov

IN BRIEF:

TanStack Query's maintainer has unveiled an RFC to collapse several overlapping methods into just two: query() and infiniteQuery() to make it more intuitive when fetching data imperatively.
🗣️ The folks over on the React sub-Reddit got to discussing whether the future of React in 2025 is still bright.
eslint-plugin-react-you-might-not-need-an-effect might be our favorite project name this month. It's an ESLint plugin to catch unnecessary use of useEffect.
🤖 Vercel has introduced a one-click AI crawler/scraper filter for Vercel hosted apps.

▶ Building a Weather App with GitHub Copilot's Agent Mode — While tools like Cursor and Windsurf might be getting most of the press, VS Code and GitHub Copilot’s new ‘agent mode’ make a very powerful combination. Microsoft’s Rob Lourens and GitHub’s Cassidy Williams share a brief (4 minute) look at what’s possible.

Visual Studio Code Team

Introducing Clerk Billing — Set up subscriptions in your B2B or B2C app without writing custom payment code or building your own UI.

Clerk sponsor

📄 No, React Context is Not Causing Too Many Renders – The author tries to counter a commonly held belief. David Johnston

📄 Concurrent Optimistic Updates in React Query Dominik Dorfmeister

📄 Dependency Inversion in React: Building Truly Testable Components Christian Ekrem

📄 Towards React Server Components in Clojure, Part 2 Roman Liutikov

🛠 Code, Tools & Libraries

React Chrono 2.7: Dynamic, Interactive Timeline Component — Supports horizontal, vertical, and vertical alternating timelines, complete with keyboard accessibility, support for nested timelines, auto-playing timelines slideshow-style, and more. Good docs too. v2.7 improves its search and animation features.

Prabhu Murthy et al.

Bippy: A Toolkit for Hacking into React Internals — Bippy pretends to be React’s devtools to get access to various internals, without any code modifications needed. It’s used as part of Aiden’s higher-level React Scan tool.

Aiden Bai

Basecoat: shadcn/ui's Magic, But Minus React — shadcn/ui is a popular suite of well designed React components, but if you’ve wanted to use them in other contexts too, Basecoat is for you. Basecoat ports the components to a more vanilla form you can use elsewhere.

Ronan Berder

React Query Builder 8.7 – A query builder component. Now with Prisma, Sequelize, and Drizzle query format support.
React Native Tab View 4.1 – Cross-platform tab view component.
BlockNote 0.30 – 'Notion-style' block-based editor.
MUI X 8.3 – Popular React component suite.
React Router 7.6

📰 Classifieds

Meticulous automatically creates and maintains an E2E UI test suite with zero developer effort. Relied on by Dropbox, Wiz, Lattice, Bilt Rewards, etc.

Build a professional design system in less than a day, using Hope AI, new model by Bit.Cloud. Enjoy reusable UI components ready for import.

📢 Elsewhere in JavaScript

A roundup of some other interesting stories in the broader JavaScript landscape, in case you've missed them:

The V8 team introduces us to explicit resource management where you can use using and await using to provide functions that are automatically called when resources go out of scope.
Parcel v2.15.0 has been released with a new transformer and minifier for HTML and SVG that also supports converting SVGs to JSX for use in React components.
Brian Clark shares some best practices for creating a modern npm package.
PptxGenJS is a JavaScript library for creating PowerPoint presentations from code.
Matt Smith reminds us of the power of the spread and rest syntax ...
Piny is a new, commercial, visual editor targeting Astro, React, Next.js and Tailwind use cases.