Dan Abramov's impossible components

дата:
Plus a big step forward for React Compiler. |

#​426 — April 23, 2025

Read on the Web
Together with  Tonkotsu logo
React Status

React Compiler Enters Release Candidate Stage — With a plan first unveiled in early 2024, 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 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.

🍜 Tonkotsu Is a Reimagined IDE for JavaScript & TypeScript Developers — 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.

Tonkotsu sponsor

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 that covered similar themes from a different perspective.

IN BRIEF:

Tailwind vs Linaria: A Performance Investigation — Linaria offers a way to write CSS directly in JS but get real CSS files at build-time.

Nadia Makarevich

Unbork Your Laravel App (Live) — 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.

Sentry sponsor

📄 Automating Cypress E2E Tests for Protected Routes in a React App Emeka Okoli

📄 A Comparison of React-Based Static Site Generators in 2025 Morel, Radakovic, and Dwivedi

📄 How to Use React Server Function Streams in RedwoodSDK Herman Stander

📄 Building a Full-Stack AI Chat with Vercel's AI SDK Robin Wieruch

🛠  Code, Tools & Libraries

Frimousse: A Lightweight, Unstyled, and Composable Emoji Picker for React — The picker is accessible and won't display any emojis that aren't supported on the device. You can explore some demos here.

liveblocks

Spectacle: Create Sleek React-Powered Presentations — 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 — A bridge between React Three Fiber with react-map-gl that can result in intriguing results like this.

oyar

ChartDB: Open Source Database Schema Diagram Editor — 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. AGPL licensed.

ChartDB Team

📰 Classifieds

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

✉️ If you work with frontend technologies beyond React, check out Frontend Focus, 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:

n

Комментарии

Отправить комментарий