---
title: "Dan Abramov's impossible components"
publication: "React Status"
issue: 426
published_at: "2025-04-23"
canonical_url: "https://react.statuscode.com/issues/426"
---

Plus a big step forward for React Compiler. |        

#​426 — April 23, 2025 

[Read on the Web](https://react.statuscode.com/issues/<!--%20\\id%20-->)  

Together with [![Tonkotsu logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_1280,h_313/e_make_transparent/co_white,e_outline:5/c4v6bk3uzcf36sutppl2.jpg)](https://www.tonkotsu.ai)  React Status  

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ze6ud6okecvspzjqxjig.jpg)](https://react.dev/blog/2025/04/21/react-compiler-rc)  

[React Compiler Enters Release Candidate Stage](https://react.dev/blog/2025/04/21/react-compiler-rc) — With a plan [first unveiled in early 2024](https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024#react-compiler), React Compiler has been undergoing a _lot_ of development since and is now here in a ‘stable and near-final’ form, pending a final release in the coming months. The team has also been collaborating with the [`swc` project](https://swc.rs/) and experimental `swc` support is included as part of this release. 

Lauren Tan and Mofei Zhang   

💡 If you need a refresher on what React Compiler is, [here's the official explanation.](https://react.dev/learn/react-compiler)  [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/22a4e688.jpg)](https://www.tonkotsu.ai) 

[🍜 Tonkotsu Is a Reimagined IDE for JavaScript & TypeScript Developers](https://www.tonkotsu.ai) — We've built a new developer experience that makes you the tech lead for a team of AI agents. We just started our FREE early access program and want to hear directly from early adopters. [Sign up today](https://www.tonkotsu.ai). 

Tonkotsu sponsor   

[Impossible Components](https://overreacted.io/impossible-components/) — Dan Abramov continues with his series of ‘big picture’ posts with a look at the idea of so-called ‘impossible’ components that mix server-only and client-only features and how React Server Components can help bridge that divide, culminating in an example you can experiment with for yourself. 

Dan Abramov   

💡 If the idea of the 'impossible component' seems familiar, Darius Cepulis wrote a post a year ago called [React 19 lets you write impossible components](https://www.mux.com/blog/react-19-server-components-and-actions) that covered similar themes from a different perspective.  

**IN BRIEF:** 

- We recently mentioned [RedwoodJS's plan](https://redwoodjs.com/) to split into two parts: Redwood GraphQL and RedwoodSDK. The latter [now has a neat new home page](https://rwsdk.com/) selling the vision.
- Vercel has posted [a quick explanation of a security vulnerability in React Router](https://vercel.com/changelog/protection-against-react-router-vulnerability-cve-2025-31137) that has been fixed in Remix 2.16.3 / React Router 7.4.1.   

[Tailwind vs Linaria: A Performance Investigation](https://www.developerway.com/posts/tailwind-vs-linaria-performance) — [Linaria](https://linaria.dev/) offers a way to write CSS directly in JS but get real CSS files at build-time. 

Nadia Makarevich   

[Unbork Your Laravel App (Live)](https://sentry.io/resources/debug-laravel-with-sentry/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=debugging-fy26q1-laravel&utm_content=newsletter-headshot-rsvp) — Laravel is so in right now. Join us for a hands-on session using a demo app to track errors, replay sessions, trace slowdowns, and maybe even let the robots help. [RSVP here](https://sentry.io/resources/debug-laravel-with-sentry/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=debugging-fy26q1-laravel&utm_content=newsletter-headshot-rsvp). 

Sentry sponsor   

📄 [Automating Cypress E2E Tests for Protected Routes in a React App](https://emekaokoli.hashnode.dev/automating-cypress-e2e-tests-for-protected-routes-in-a-react-app-using-github-actions) Emeka Okoli 

📄 [A Comparison of React-Based Static Site Generators in 2025](https://crystallize.com/blog/react-static-site-generators) Morel, Radakovic, and Dwivedi 

📄 [How to Use React Server Function Streams in RedwoodSDK](https://rwsdk.com/blog/redwoodsdk-streaming-guide) Herman Stander 

📄 [Building a Full-Stack AI Chat with Vercel's AI SDK](https://www.robinwieruch.de/react-ai-sdk-chat/) Robin Wieruch  

🛠 Code, Tools & Libraries 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/nkwei28ezeimrf9xi9bx.jpg)](https://github.com/liveblocks/frimousse)   

[Frimousse: A Lightweight, Unstyled, and Composable Emoji Picker for React](https://github.com/liveblocks/frimousse) — The picker is accessible and won’t display any emojis that aren’t supported on the device. You can explore some [demos here](https://frimousse.liveblocks.io/). 

liveblocks   

[Spectacle: Create Sleek React-Powered Presentations](https://nearform.com/open-source/spectacle/) — A React-based library for creating sleek presentations using JSX syntax that gives you the ability to live demo your code, add interactive elements, scrollable code blocks, graphics effects, and more. 

Nearform   

[React Three Map 1.0: Bring 3D Objects into 2D Maps](https://github.com/RodrigoHamuy/react-three-map) — A bridge between [React Three Fiber](https://github.com/pmndrs/react-three-fiber) with [react-map-gl](https://github.com/visgl/react-map-gl) that can result in [intriguing results like this](https://codesandbox.io/p/sandbox/vigorous-snyder-2n9vpl?file=%2Fsrc%2FApp.tsx%3A48%2C45). 

oyar   

[ChartDB: Open Source Database Schema Diagram Editor](https://github.com/chartdb/chartdb) — Create a new schema from scratch or quickly import your existing one. Supports Postgres, MySQL, SQL Server, SQLite, and more, and is built using React. You can deploy it for yourself or [try an online demo here.](https://app.chartdb.io/) _AGPL licensed._ 

ChartDB Team   

- 📺 [React Lite YouTube Embed 2.5](https://github.com/ibrahimcesar/react-lite-youtube-embed) – A faster, cleaner and more private way to embed YouTube videos.
- [Next.js 15.4 Canary](https://github.com/vercel/next.js/releases/tag/v15.4.0-canary.5) – Several canary releases have dropped over the past few days.
- [json-edit-react 1.26](https://carlosnz.github.io/json-edit-react/) – React component for editing/viewing JSON/object data.
- [React Spinners 0.17](https://github.com/davidhu2000/react-spinners) – A collection of loading spinner components.
- [React Suite 5.80](https://github.com/rsuite/rsuite) – A suite of React components. ([Examples.](https://rsuitejs.com/components/overview/))
- [React Uploady 1.10](https://react-uploady.org/) – Components and hooks for file uploading.       

📰 Classifieds   

[Meticulous automatically creates and maintains an E2E UI test suite with zero developer effort](https://www.meticulous.ai?utm_source=react_status&utm_campaign=april23rd2025). Relied on by Dropbox, Lattice, Bilt Rewards, etc. 

--- 

✉️ If you work with frontend technologies beyond React, check out [Frontend Focus](https://frontendfoc.us/), our sister newsletter focused on the browser, HTML, and CSS.     

📢 Elsewhere in JavaScript  

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

- 📊 We're big fans of the [Val Town](https://www.val.town/) JavaScript platform and Orestis Papadopoulos shows [how he managed to quickly put together a basic analytics feature for his site with it.](https://orjpap.github.io/valtown/http/analytics/blog/jekyll/2025/04/15/blog-analytics.html)
- Efficient `npm` alternative [pnpm 10.9 has been released](https://github.com/pnpm/pnpm/releases/tag/v10.9.0) with support for installing [JSR packages.](https://jsr.io/)
- The Microsoft Edge team is [proposing enhancing the `console.context()` method](https://blogs.windows.com/msedgedev/2025/04/22/contextual-logging-with-console-context/) to help make it more useful to developers with visual tweaks and a filtering mechanism.
- Matteo Collina takes a look at [Node.js's memory usage and how to tune V8's garbage collection.](https://blog.platformatic.dev/optimizing-nodejs-performance-v8-memory-management-and-gc-tuning)
- Trevor I. Lasn [explains the `Float16Array` type.](https://www.trevorlasn.com/blog/float16array-javascript)         

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
