This Week In React #213 : React 19, Next.js, React Compiler, React Router, Restyle, Lingui, State of RN, Uniffi, Shared Objects, Fast IO...

Search for a command to run...

No comments yet. Be the first to comment.
Hi everyone! Krzysztof and Tomasz from Software Mansion here ๐ It's been a fairly calm week for the React ecosystem, but not for the React Native world. Meta has made an exciting announcement about the release of React Native 0.80, where they've dec...

Hi everyone! This week is relatively calm in the React ecosystem, but we still have various interesting blog posts and releases. Maybe we'll soon get some exciting news from React Summit that's about on Friday! On the React Native side, all the devs ...

Hi everyone! I thought I was on schedule for today's issue, until I realized that Dan Abramov wrote 4 RSC blog posts this week ๐. We also get great releases, including Storybook, LiveStore, Base UI, and the Lingo Compiler is a quite exciting innovat...

Hi everyone! Cyril and Matthieu from Theodo Apps here ๐. This week, the Remix team announced some big news. Microsoft has also made it easier to try out TypeScript Go rewriting. In the React Native world, there were a few minor but interesting relea...

Hi everyone! This week, we're delighted to finally have a preview of React Server Components support in React Router. I've also found some very interesting PRs on the React repo, and give you a glimpse of what could be coming soon! The React Native e...

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! ๐
๐ก Subscribe to the official newsletter to receive an email every week!
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.
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:
๐ 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
๐ SSR is not expensive
๐ฆ 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
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.
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.
๐ฆ RN Unistyles v3 supports scoped theme: A missing feature since the removal of UnistylesTheme in v2.
๐ The real-world impact of Shared Objects in Expo Modules: Shared Objects in Expo Modules enable seamless integration between native and JavaScript, improving API design and cross-package compatibility.
๐ Introducing Uniffi for React Native: Rust-Powered Turbo Modules: Uniffi for React Native integrates Rust with Turbo Modules, unlocking the entire Rust crates ecosystem for React Native apps.
๐ Automated EAS Updates in a bare React Native app with Multiple Flavors & Schemes: An article perfectly timed for projects that donโt use Expo or EAS but rely on CodePush, and are in need of an OTA update solution before CodePush is officially sunset.
๐ฆ React Native Sheet Transitions - Beautiful universal sheet transitions: Looks impressive, but still in active development.
๐ฆ @lingui/metro-transformer: Eliminates the need to precompile .po translation files by handling compilation during Metro bundling.
๐ฆ React Native Fast IO pre-release: High-performance I/O solution for React Native, implementing standard W3C APIs like WebSocket, Fetch, FileSystem, Blob, and Streams, powered by Nitro.
๐ฆ React Native Bottom Tabs v0.7.2 - macOS support, support for sidebars
๐ฅ A live demo of Radon IDE: the VS Code extension for streamlining development
๐๏ธ RNR 316 - Debugging the Debugger with Cedric van Putten and Alex Hunt
๐ TC39 105th meeting: several ES proposals progressed this week including Intl.DurationFormat, Immutable ArrayBuffer, Import Sync and more.
๐ Node.js Delivers First LTS with require(esm) Enabled, Enhances Security and Release Automation
๐ CSS Wrapped 2024
๐ How to improve your page load time with browser caching | DebugBear
๐ฆ Dioxus 0.6 - Rust fullstack cross-platform app framework: Looks like it's taking a lot of inspiration from React, and this large release adds many things such as Server Functions, SSG/ISG, Streaming HTML and much more.
See ya! ๐