📨 #213: React 19, Next.js, React Compiler, React Router, Restyle, Lingui, State of RN, Uniffi, Shared Objects, Fast IO, Sheet Transitions, Radon, TC39, OpenAuth, TypeScript, Dioxus...

11 décembre 2024 · 6 minutes de lecture

Matthieu Gicquel

Staff Engineer chez Theodo

Cyril Bonaccini

Staff Engineer chez Theodo

🇫🇷 Non traduit :/

Malheureusement, cette page n'a pas encore été traduite en français. Reviens un peu plus tard!

Hi everyone!

Cyril and Matthieu from Theodo Apps (formerly BAM) here 👋, standing in for Seb to bring you the latest news from React and React Native!

React 19 is officially stable. The number of articles and releases we mention below that are linked to its new features show how big a release this is 🙂

The State of React Native 2024 survey is live. Don’t miss your chance to shape the future of React Native!

There’s also exciting progress in using Rust for frontend apps with tools like Uniffi for React Native and Dioxus, paving the way for more powerful, cross-platform experiences.

Let’s dive in! 🚀

As always, thanks for supporting us on your favorite platform:

🦋 Bluesky
✖️ X / Twitter
👔 LinkedIn
👽 Reddit

Ne manque pas le prochain email !

People always ask how I keep up to date, it's This Week In React.

Jack HerringtonPrincipal Engineer - Youtuber

💸 Sponsor

WorkOS: Modern Identity Platform for B2B SaaS

With WorkOS you can start selling to enterprises with just a few lines of code.

🔐 WorkOS AuthKit supports a complete user management solution along with SSO, SCIM, RBAC, & FGA.

🏗️ The APIs are flexible, easy-to-use, and modular. Pick and choose what you need and integrate in minutes.

🎨 Design and user experience are everything. From the quality of our documentation to how your users onboard, we remove all the unnecessary complexity for developers.

✨ AuthKit is free up to 1 million MAUs and includes bot protection, MFA, RBAC, & more.

🤝 WorkOS is trusted by hundreds of leading startups like Perplexity, Vercel, & Webflow.

Get started with WorkOS 🚀

⚛️ React

React 19

React 19 RCs' has been one of the main characters of this newsletter for the past year, so there’s not much more to say apart that it's officially stable, apart 2 new features: the pre-warming feature that delayed the release, and new React-DOM static APIs. Here's a good reminder of other features we already covered;

Actions / Server Actions / useActionState()
<form> + progressive enhancement compatible hooks
<Context> instead of <Context.Provider>
The use() hook
Custom Elements
Ref as standard props and ref callbacks cleanup functions
Meta tags handling
Resource preloading
Better errors and hydration diff reporting

Related videos covering the release:

💸 React Bricks – the Visual CMS for React got more accessible with lower entry price and flexible pay-as-you-go options. Start for free!
📖 A new React Router tutorial: It goes over most of the features you’ll need in ~30 minutes
📜 How React Compiler Performs on Real Code: Enabling the compiler on a real app led to same performance on initial load, and improved performance on interactions. But the compiler is not always able to fully optimize your existing code.
📜 Ref Callbacks, React 19 and the Compiler: TkDodo looks into ref callbacks, which now have cleanup functions. When should they replace useEffect ?
📜 Building Scalable Micro-Frontends with Next.js Multi Zones: Being able to deploy independently is a major advantage for big teams, and it turns out it’s not that complicated with Next.js
📜 Root Element API in waku: Customize <html>, <body> and <head> in a \_root.tsx file
📜 Multi-framework docs with Astro Starlight
📜 SSR is not expensive
📜 Reflections on managing state
📦 Next.js 15.1: React 19 stable, improved error debugging, after (to run code after the response is sent, eg for analytics) is stable, and new experimental forbidden and unauthorized APIs that work like notFound
📦 Restyle 3.0: A very lightweight CSS-in-JS lib for React which uses the new React 19 metadata APIs
📦 Lingui 5.0: Support for RSC and a new useLingui macro among other improvements.
📦 react-render-stream-testing-library 2.0: No major new features, some breaking changes were necessary to be compatible with React 19

Ne manque pas le prochain email !

My favorite resource for keeping up with the React community!

Evan BaconEngineering Manager - Expo

💸 Sponsor

From solo to collaborative: React + Stream Video!

Stream's Video React SDK empowers developers to integrate video calls, conferencing, and livestreaming with ease.

✔️ By Developers for Developers: Fully customizable UI components and hooks, comprehensive documentation, and quickstart templates.

✔️ Blazing-Fast Performance: Sub-200ms latency and WebRTC-powered scalability.

✔️ Out-of-the-Box Features: Group calls, screen sharing, and adaptive bitrate, codecs, etc.

Build Fast. Scale Effortlessly. Get Started With Stream.

📱 React-Native

State of React Native 2024

The State of React Native 2024 survey is live! 📊 This is your chance to influence the future of React Native by sharing insights on trends, tools, and challenges. Your feedback helps guide the Expo and Meta teams in shaping improvements each year, benefiting the entire community.