๐จ #196: Forms, Jotai, DI, Electron, Docusaurus, Signals, Plunk, React-Server, Switchboard, React-Call, RN WebGPU, Nitro Modules, use dom, macOS, Screens, Autolinking, Cocoapods, Corepack, Node.js, TypeScript...
Hi everyone!
This week, we welcome 2 new contributors to help ensure the continuity of the newsletter throughout the year, even when Seb takes a break.
Cyril and Matthieu from Theodo Apps (formerly BAM) here ๐, filling in to bring you the latest news from the React and React Native worlds.
Itโs a relatively calm week for React, with some ongoing discussions about the Suspense drama in React 19.
But React Native? Thatโs where the real action is!
From Expo demoing a way to integrate React DOM components to the exciting launch of React Native WebGPU, thereโs plenty to talk about. Plus, weโre diving into new approaches to native module development that are sure to shake things up. And React Native 0.75 is around the corner, we'll cover it next week!
Our partner conf reactjsday (๐ฎ๐น Verona - 25 October) is celebrating its 10th year by upgrading to 2 tracks (16 talks). Get a 10% discount with code "TWIR". Great speakers have already been announced: Matheus Albuquerque, Aurora Scharff, Dani Coll, and more!
๐ก Check this newsletter on Twitter - visual format ๐จ
To support me:
- ๐ Recommend the newsletter to your friends: it really helps!
- ๐ธ Sponsor the newsletter
- ๐งต Retweet the latest Twitter thread
Don't miss the next email!
๐ธ Sponsorโ
Make the most of your design system with StackBlitz
Your design system makes web development more efficient and consistent, but we know that building and maintaining it comes with no shortage of challenges. StackBlitz makes design systems easier to evangelize, maintain, and evolve. With StackBlitz you can:
- ๐ Increase adoption rates: Provide one-click instant environments your team can use to try internal libraries.
- ๐ป Elevate developer experience: Include live code examples in your documentation.
- ๐ Improve bug reporting: Instantly filter out true issues and never spin up heavy local installations for a simple bug report ever again.
- ๐ค Simplify collaboration: Facilitate seamless collaborations across engineering, design, and other departments.
Ready to transform your design system workflow? Get started now!
โ๏ธ Reactโ
- ๐ธ Chromatic โ Visual testing for Storybook, Playwright, and Cypress. Catch UI bugs that functional tests miss. Lightning-fast & zero flake.
- ๐ React 19 - Disabling prerendering siblings of suspended components breaking common pattern: The React team is working on reversing this change that was planned to be included in React 19 but would have degraded the performance of lots of SPAs. No ETA yet, it may take some time to get a stable React 19 release
- ๐ฆ Matt Pocock has a suggestion for a new approach to library typings: React could for instance expose
useState
types with TypeScript namespaces - ๐ฆ Matt Pocock's tip to add auto-completion to your component props: Using
string & {}
- ๐ A deep dive on forms with modern React: Kent explains how to use the new hooks
โโuseFormStatus
,useActionState
anduseOptimistic
- ๐ How Jotai was born: Daishi Kato recaps his multiple iterations on state management libraries before creating Jotai
- ๐ Why using dependency injection in your app can lead to cleaner and easier to maintain code: A valuable article that encourages thoughtful consideration of DI in frontend development, especially for those working on more complex React projects
- ๐ Building an App with Next.js and Electron with Server Components Support: Explains how to hijack Next.js to run an RSC server in an Electron app
- ๐ Optimizing SPA load times with async chunks preloading
- ๐ What is a Component Library and Should You Build Your Own?
- ๐ฆ Docusaurus 3.5 - Authors pages and many new blogging features
- ๐ฆ Impact-React in RC - Signals for React, by CodeSandbox
- ๐ฆ Plunk - New OSS email platform, with react-email and jsx-email integrations
- ๐ฆ react-switchboard - Quickly create custom DevTools for your apps
- ๐ฆ react-call - Imperatively display React Components and await their result: An interesting idea to simplify implementing confirmation dialogs, toastersโฆ
- ๐ฆ @lazarv/react-server - An alternative framework with Server Components
- ๐๏ธ Syntax.fm - We React to State of React Survey
- ๐๏ธ Syntax.fm - CSS Components: Tailwind, Panda, Scoped, Modules, Classes, Variables, CSS-in-JS and Sprinkles!
- ๐ฅ Sam Selikoff - Avoid premature abstraction with Unstyled Components
Don't miss the next email!
๐ธ Sponsorโ
Statsig: Ship, Measure, Repeat
The feature management, A/B testing, and product analytics tools used by OpenAI, Notion, & Brex. Build better products by measuring everything you ship ๐
Install Statsig once and get: