#426 — April 23, 2025 |
|
|
|
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 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 |
|
|
📢 Elsewhere in JavaScript |
|
A roundup of some other interesting stories in the broader JavaScript landscape, in case you've missed them:
|