---
title: "A reimagining of JSX from a React core alum"
publication: "React Status"
issue: 471
published_at: "2026-04-24"
canonical_url: "https://react.statuscode.com/issues/471"
---

Plus React Compiler explained, a React-powered email editor, and Expo raises a Series B.        

#​471 — April 24, 2026 

[Read on the Web](https://react.statuscode.com/issues/471)  

Together with [![Meticulous\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_2600,h_373/e_make_transparent/co_white,e_outline:30/s65exulzcd60xe2r5nyk.png)](https://www.meticulous.ai/?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=26q2&utm_content=primary)  React Status  

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ccdg8tt38enbtffombcl.jpg)](https://blog.isquaredsoftware.com/presentations/2026-04-react-compiler-rendering/?slideIndex=0&stepIndex=0)  

[A Guide to React Compiler Rendering](https://blog.isquaredsoftware.com/presentations/2026-04-react-compiler-rendering/?slideIndex=0&stepIndex=0) — Redux maintainer Mark Erikson shares his slide deck from React Miami that starts with the fundamentals of React’s rendering process and moves on to optimization techniques, what [React Compiler](https://react.dev/learn/react-compiler/introduction) is, and demystifies what it _does_. It's a slide deck, but an educational one. 

Mark Erikson   

🏖️ [React Miami](https://www.reactmiami.com/) is taking place _now_, but we'll link to the video once it's up.  [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/36f2ee5a.png)](https://www.meticulous.ai/?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=26q2&utm_content=primary) 

[Still Writing Tests Manually? Meticulous AI Is Here](https://www.meticulous.ai/?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=26q2&utm_content=primary) — Notion, Dropbox, Wiz and LaunchDarkly now use a testing paradigm they can’t work without. Built by former Palantir engineers, Meticulous automatically creates an evolving suite of E2E UI tests, delivering exhaustive coverage with no developer effort. 

Meticulous sponsor   

[TSRX: A TypeScript Language Extension for Declarative UIs](https://tsrx.dev/) — _“You can think of TSRX as a spiritual successor to JSX,”_ says former React team member Dominic. The language compiles to React, Preact, Solid and Ripple, and includes control flow, scoped styles, and locals. There’s [a playground](https://tsrx.dev/playground) if you want to see how it compiles to React. 

Dominic Gannaway   

**IN BRIEF:** 

- Seth Webster, former Head of React at Meta, [has joined Expo as Chief Developer Evangelist.](https://expo.dev/blog/seth-webster-joined-expo) Expo, meanwhile, has [raised a $45m Series B.](https://expo.dev/blog/what-expo-s-series-b-funding-means-for-you)
- [Rspack 2.0](https://rspack.rs/blog/announcing-2-0) (the fast, Rust-based bundler) has been released with experimental [RSC support](https://rspack.rs/blog/announcing-2-0#rsc-support), 10% faster than 1.7, and more. [Rsbuild 2.0](https://rsbuild.rs/blog/v2-0) was released too.
- [TypeScript 7.0 Beta](https://devblogs.microsoft.com/typescript/announcing-typescript-7-0-beta/) has been released. It's the Go-powered 'native' version of TypeScript, offering 10x faster compile times.   

😱 [The Vercel Breach That Started with a Roblox Cheat](https://vercel.com/kb/bulletin/vercel-april-2026-security-incident) — By way of an employee at a tool provider used by a Vercel employee, hackers got access to a subset of Vercel customers' environment variables. If you're a Vercel user and haven't looked into [sensitive environment variables](https://vercel.com/docs/environment-variables/sensitive-environment-variables) yet, now's the time. 

Vercel   

[Building Non-Blocking UIs with `useTransition` and `useActionState`](https://www.rubrik.com/blog/architecture/26/2/async-react-building-non-blocking-uis-with-usetransition-and-useactionstate) — How to build responsive UIs using `useTransition` and `useActionState` to manage async operation lifecycles cleanly. 

Deepanshu Rana (Rubrik)   

[That Slow Dashboard? It's Not a React Problem](https://www.tigerdata.com/timescaledb?utm_source=content-syndication&utm_medium=referral&utm_campaign=react-status-newsletter) — Continuous aggregates keep dashboards fresh without rebuilding rollups. Live data straight from Postgres. [Try for free](https://www.tigerdata.com/timescaledb?utm_source=content-syndication&utm_medium=referral&utm_campaign=react-status-newsletter). 

Tiger Data (creators of TimescaleDB) sponsor   

📺 [Next.js Vendor Lock-in No More](https://www.youtube.com/watch?v=UCveltYOQIs) – An interview with Jimmy Lai and Tim Neutkens of the Next.js project on how [Adapters](https://nextjs.org/docs/app/api-reference/adapters) will simplify Next.js app deployment. Syntax FM Podcast 

📄 [Building the Maxima Therapy Website: React, GSAP, and Dabbling with AI](https://tympanus.net/codrops/2026/04/06/building-the-maxima-therapy-website-react-gsap-and-dabbling-with-ai/) – A design-oriented case study. The [end result](https://maximatherapy.com/) is intense but cute. Nicolas Garnier 

📄 [3 Ways to Store Variables in React & Why You Shouldn't Sleep on `useRef`](https://www.readwriterachel.com/things-i-learned/2026/04/23/back-to-basics-react-variables.html) Rachel Kaufman 

📄 [How Hipcamp Upgraded Expo SDK Versions with Claude Code](https://expo.dev/blog/how-hipcamp-upgraded-expo-sdk-versions-with-claude-code) Armaiz Adenwala (Hipcamp) 

📺 [Five Ways to SSR/RSC on TanStack Start](https://www.youtube.com/watch?v=PX3QlADinIE) – And in just ten minutes. Jack Herrington  

🛠 Code, Tools & Libraries 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/qj17olmfknj8ey9aqnal.jpg)](https://github.com/jameskerr/react-arborist#readme)   

[React Arborist 3.5: A Tree View Component for React](https://github.com/jameskerr/react-arborist#readme) — If you want something like a sidebar you might see in VS Code, Finder, or Gmail, this provides everything in one component, including folders, drag and drop sorting, filtering, keyboard navigation, and more. [Demos.](https://react-arborist.netlify.app/) 

James Kerr   

✉️ [React Email 6.0: Now an Open-Source Email Editor Too](https://resend.com/blog/react-email-6) — Starting life as a collection of unstyled components for creating good-looking emails using React and Tailwind, _React Email_ now offers an extensible visual editor to add email creation to your app. There are also [some new email templates](https://resend.com/blog/react-email-6#new-templates) ready to go. 

Woznica, Miranda, Melo and Fernandes   

[React Tooltip 6.0: An Easy-to-Use Tooltip Component](https://react-tooltip.com/) — There’s a [getting started tutorial](https://react-tooltip.com/docs/getting-started) and [an upgrade guide](https://react-tooltip.com/docs/upgrade-guide/changelog-v5-v6) for existing users. [GitHub repo.](https://github.com/ReactTooltip/react-tooltip) 

ReactTooltip Team   

[Pastel 4.0: A Framework for Building _Ink_ Apps](https://github.com/vadimdemedes/pastel) — [Ink](https://github.com/vadimdemedes/ink) brings the power of JSX and React components to building _command line apps_. Pastel provides more structure on top of that in a Next.js-esque fashion. 

Vadim Demedes   

- 📈 [React Native Graph 1.2](https://github.com/margelo/react-native-graph) – A modern 'reboot' of a high-performance line graph library for React Native apps.
- 📊 [React Spectrum Charts 1.42](https://github.com/adobe/react-spectrum-charts) – Declarative React charting library. ([Demos.](https://opensource.adobe.com/react-spectrum-charts/?path=/docs/rsc-chart--docs))
- [xstate-tree 5.4](https://github.com/koordinates/xstate-tree) – UI framework composing [XState](https://xstate.js.org/) machines into an actor-based tree with loosely coupled React views.
- 📱 [Voltra 1.4](https://github.com/callstackincubator/voltra/releases/tag/v1.4.0) – Build native iOS Live Activities, Dynamic Island layouts, and Android home-screen widgets in React Native.
- [React Cosmos 7.3](https://reactcosmos.org/) – Sandbox for developing and testing UI components.
- [TinyBase 8.2](https://tinybase.org/guides/releases/#v8-2) – Reactive data store designed for local-first apps.
- [Mantine 9.1.0](https://github.com/mantinedev/mantine/releases/tag/9.1.0) – Popular, extensive React components suite.
- [React Native Testing Library 14.0 Beta 1](https://github.com/callstack/react-native-testing-library/releases)      

📰 Classifieds   

[Gauntlet](https://apply.gauntletai.com/register/champions?utm_source=Third%20Party&utm_campaign=React%20Status&utm_medium=newsletter&utm_content=). A 10-week no-cost fellowship building the AI skills companies need. Learn to ship faster with AI. Land a $200K+ job. [Apply now](https://apply.gauntletai.com/register/champions?utm_source=Third%20Party&utm_campaign=React%20Status&utm_medium=newsletter&utm_content=). 

--- 

⚡[Nimbalyst](https://nimbalyst.com/?utm_source=cooperpress&utm_medium=newsletter&utm_campaign=react-status&utm_content=primary-apr14-2026): Visual workspace for building with Claude Code & Codex. Integrate and manage sessions, tasks & files. Visually edit markdown, mockups, diagrams, code. 

--- 

[Join Sweef as Senior Fullstack Developer](https://sweef.teamtailor.com/jobs/7502662-senior-fullstack-developer-at-sweef) and help bring development in house, shaping how we build, ship and scale in Next.js and React.     

📢 Elsewhere in the ecosystem  

- If you work with _Ruby on Rails_, [you might find `rails_vite` interesting.](https://evilmartians.com/chronicles/now-you-see-it-vite-on-rails-without-the-proxy) It seamlessly brings the power of [Vite](https://vite.dev/) into Rails' pipeline.
- 🤖 Cloudflare has released [Is Your Site Agent Ready?](https://isitagentready.com/) It's a quick, Web-based tool that analyzes your site to _"see how ready it is for AI agents."_
- 🎥 [HyperFrames](https://hyperframes.heygen.com/) is a tool for turning HTML and JavaScript compositions into fully rendered videos. Think a smaller version of [Remotion](https://www.remotion.dev/) but open source and more vanilla JS-flavored.
- [TypeGPU](https://docs.swmansion.com/TypeGPU/) is a TypeScript toolkit for working with WebGPU, including the ability to _write shaders in TypeScript!_ It also works with React Native via [React Native WebGPU.](https://github.com/wcandillon/react-native-webgpu)
- 🔒 OWASP has [a handy sheet of npm security best practices](https://cheatsheetseries.owasp.org/cheatsheets/NPM_Security_Cheat_Sheet.html) to follow.         

Curated by Peter Cooper and Terence C. Gannon. 

A **[Cooperpress](https://cooperpress.com/)** publication. 

[Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) 

© Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom
