π¨ #174: ReactLabs, React-Strict-DOM, Forget, Remix, Hono, Redwood, Isograph, SafeTest, React-Aria, RN 0.74 RC, Reanimated, RNGH, Expo, RN+TV, VisionCamera, Hermes, TC39, LLRT, Vite...
Hi everyone!
I took a break last week, so we're catching up on two weeks' worth of news, and there's been a lot of it! Many of you like the exhaustive nature of my emails, so... have fun being overwhelmed by the number of links π !
We have great updates from Meta, with the React Labs update you are probably already aware of, and more recently the React Strict DOM update for cross-platform enthusiast. I'm also excited for the new milestone Remix 2.7 crossed, marketing th beginning of a migration path from React Router apps to Remix SPA mode.
Last call: want to attend React Conf 2024 (May 15-16 Nevada)? There's only one week left to win a lottery ticket, or submit your talk to the CFP.
π‘ 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β
Axiom - the best logging platform for Vercel apps
π΄ Sleep peacefully knowing that Axiomβs zero-config observability for Vercel projects has you covered.
- Use Axiom's pre-built dashboard for an overview across all your Vercel logs and vitals, drill down to specific projects and deployments, and get insight on how functions are performing with a single click.
- next-axiom allows you to send logs and events from any part of your Next.js projects - client, edge, or server-side - without any special configuration.
- Easily send structured logs directly from your code and analyze them together with Vercel logs.
Axiom efficiently captures 100% of your event data so youβll never have to worry about sampling or retention, and youβll never have to guess what your users are experiencing.
PS:Β I use it myself to monitor the newsletter signupsΒ π
βοΈ Reactβ
React Labs - What We've Been Working On β February 2024
This week brought us the first official update from React Labs since almost exactly one year ago, and they dropped some exciting announcements. We already covered many of them here, but itβs good to have an official summary!
React Forget is π¦ now just called React Compiler and it seems that the production π¦ Instagram rollout has been successful.
The next React release will be a major version. React 19 is around the corner, and thereβs a certain conference that would lend itself to such an announcement π. The release will also include built-in support for managing page metadata (built-in support for what React-Helmet did for us, with proper streaming support), Asset Loading (including Suspense integration) and Actions for sending data from client to server. The surface area that meta-frameworks like Next.js and Remix need to cover with proprietary implementations is shrinking.
One of the most underrated upcoming React features, the Offscreen API (named as Activity), is temporarily deprioritized to focus on React 19. Weβll have to wait a bit more to fully leverage the concurrent model introduced by React 18.
Overall, itβs an exciting time to be a React developer, and we look forward to the next major version!
See also:
- π¦ Andrew Clarkβs tweet containing interesting extras I first hear about, such as React refs becoming normal props, or the ability to use
<Context>
instead of<Context.Provider>
. - π₯ Theo Browneβs summary video - React 19 Is Here - Are You Ready?
Remix 2.7 - Remix Vite is Now Stable
An important release for Remix, stabilizing the Vite plugin and the SPA mode, proper support for Cloudflare Pages, introducing a preset system, and shipping many other useful improvements. An upcoming dedicated post will likely detail how the new SPA mode will help Vite + React Router apps transition to Remix without having to introduce a server runtime. If you are still using Create-React-App, it might be a good time to consider migrating to Vite!
- πΈ React Component Analytics β Omlet Scans Your Codebase to Measure Component Usage to Increase Code Quality and Design Systems Adoption
- π¦ Next.js DevTools preview - visualize what gets pre-rendered, stream, caches, etcβ¦
- π React Docs PR - Add useFormStatus pitfall example: The new useFormStatus hook requires to be nested under a
<form>
component that acts like a provider. When thatβs not possible, you can reimplement it thanks to startTransition π React PR - Move all client code to react-dom/client - π HTML Streaming and DOM Diffing Algorithm: Present various contexts in which streaming can be used. Including a simplified example of how React Suspense works.
- π React 19 Will Be Compiled: Explains memoization and gives an interesting perspective on the βcompilation spectrumβ of frameworks. React 19 with a compiler will remain less compiled than Svelte.
- π React, Solid, htmx - how far can they go?: Interesting thoughts of different approaches to bridge the βnetwork chasmβ.
- π What we've learned from the transition to Next.js 14 with Server Components: Medusa e-commerce framework recently upgraded their Next.js starter template. Presents interesting side-by-side code comparisons. After getting used to the RSC model, it greatly simplifies your code.
- π React Trends in 2024: Robin Wieruch sharing his annual list of exciting React trends to follow.
- π UI = f(statesβΏ): Dave lists all the kind of states than can affect your UI. This formula strongly reminds React, but the post remains generic.
- π Clean Architecture in React