星期三 04 下午 四月 23o 2025
Dan Abramov's impossible components
#426 — April 23, 2025
Together with
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:
We recently mentioned RedwoodJS’s plan to split into two parts: Redwood GraphQL and RedwoodSDK. The latter now has a neat new home page selling the vision.
Vercel has posted a quick explanation of a security vulnerability in React Router that has been fixed in Remix 2.16.3 / React Router 7.4.1.
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
📺 React Lite YouTube Embed 2.5 – A faster, cleaner and more private way to embed YouTube videos.
Next.js 15.4 Canary – Several canary releases have dropped over the past few days.
json-edit-react 1.26 – React component for editing/viewing JSON/object data.
React Spinners 0.17 – A collection of loading spinner components.
React Suite 5.80 – A suite of React components. (Examples.)
React Uploady 1.10 – Components and hooks for file uploading.
📰 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:
📊 We’re big fans of the Val Town JavaScript platform and Orestis Papadopoulos shows how he managed to quickly put together a basic analytics feature for his site with it.
Efficient npm
alternative pnpm 10.9 has been released with support for installing JSR packages.
The Microsoft Edge team is proposing enhancing the console.context()
method 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.
Trevor I. Lasn explains the Float16Array
type.
Curated by Peter Cooper and Terence C. Gannon.
A Cooperpress publication.
#426 — April 23, 2025
Together with
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:
We recently mentioned RedwoodJS’s plan to split into two parts: Redwood GraphQL and RedwoodSDK. The latter now has a neat new home page selling the vision.
Vercel has posted a quick explanation of a security vulnerability in React Router that has been fixed in Remix 2.16.3 / React Router 7.4.1.
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
📺 React Lite YouTube Embed 2.5 – A faster, cleaner and more private way to embed YouTube videos.
Next.js 15.4 Canary – Several canary releases have dropped over the past few days.
json-edit-react 1.26 – React component for editing/viewing JSON/object data.
React Spinners 0.17 – A collection of loading spinner components.
React Suite 5.80 – A suite of React components. (Examples.)
React Uploady 1.10 – Components and hooks for file uploading.
📰 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:
📊 We’re big fans of the Val Town JavaScript platform and Orestis Papadopoulos shows how he managed to quickly put together a basic analytics feature for his site with it.
Efficient npm
alternative pnpm 10.9 has been released with support for installing JSR packages.
The Microsoft Edge team is proposing enhancing the console.context()
method 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.
Trevor I. Lasn explains the Float16Array
type.
Curated by Peter Cooper and Terence C. Gannon.
A Cooperpress publication.
发布者