DEV Community

Cover image for This Week In React #174: ReactLabs, React-Strict-DOM, Remix, RNGH, Expo, RN+TV, TC39, Vite...
Sebastien Lorber
Sebastien Lorber

Posted on • Originally published at

This Week In React #174: ReactLabs, React-Strict-DOM, Remix, RNGH, Expo, RN+TV, TC39, 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.

๐Ÿ’ก Subscribe to the official newsletter to receive an email every week!


๐Ÿ’ธ Sponsor

Axiom - the best logging platform for Vercel apps

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

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:

Remix 2.7 - Remix Vite is Now Stable

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!

๐Ÿ’ธ Sponsor

FormBuilder SDK for React

FormBuilder SDK for React

A complete form solution for React projects, used by Fortune 500 companies. With easy-to-use open-source components for building and running powerful forms inside your React app. Extensively documented, up in minutes, and deeply customizable.

  • Builder for creating powerful forms;
  • Runner for deploying forms and collecting data;
  • Flexible form layouts (conversational, chat etc.) and styling;
  • Extensible with custom question types;
  • Complete docs, examples, and demos;
  • Self-hosted without external dependencies;
  • Start, test, and perfect for free.

TWIR exclusive: Get 25% off your FormBuilder SDK license.

๐Ÿ“ฑ React-Native

This section is now co-authored with Benedikt. Feel free to send us your comments by email or on Twitter!

React Strict DOM

React Strict DOM

Meta not only dropped some big news regarding React this week. Today, a brand-new repo showed up on GitHub: react-strict-dom. The readme describes it as an โ€œexperimental integration of React DOM and StyleX that aims to improve and standardize the development of styled React components for web and native.โ€ It is based on the ideas from the โ€œReact DOM for Nativeโ€ RFC and in my opinion could be huge for how we think about universal app development in the future. Today, the most common approach for universal apps for RN ist React Native Web, which shims RN components and APIs on the web. And while RNW is really great, it often feels like shoehorning one platform into another. The premise of react-strict-dom is that there is a single DOM library which universally supports web, iOS, and Android (and potentially more platforms in the future). The element API is based on web, which is why you see the very HTML-like syntax in the screenshot above.

As always, Dan Abramov is the best in expressing the idea in a concise ๐Ÿฆ tweet:

โ€œLooks like a spiritual successor to RNW, but approached from the other direction (web APIs won, so RN is building support for a strict subset). Essentially, youโ€™ll be able to render a <div> in RN.โ€

Thereโ€™s still a long way to go when you look at the current compatibility status, but this is certainly an exciting milestone on a more universal React! Meta is already using it! See also this ๐Ÿฆ thread from Lorenzo and the involvement of Microsoft.

๐Ÿ”€ Other

๐Ÿคญ Fun


See ya! ๐Ÿ‘‹

Top comments (0)