This Week In React #108: App.js, Fresh, Reassure, Million, Hydrogen, Gatsby, Treasured, WebComponents, React-Native-Web, Zeego, TC39...

Hi everyone!

This week we celebrate the official death of IE11! 😄

I just came back from the App.js conf in Krakow: a very nice experience that I recommend to any React-Native dev 👌. Check my summary on Twitter!

Lots of interesting releases this week. And with React Summit coming up, it should continue 🤯

🙏 Support the newsletter:

Luca Casonato (Deno core team) unveils a new meta-framework for Deno based on Preact. Shares some common points with Next.js and Remix (FS routing, progressive enhancement). Islands architecture for hydration. No build step: compile on the fly. To be tested!

A new performance testing tool for React should be open-sourced next week. Measures and counts renders of a given scenario, snapshot them, and generates a report on changes (possible to publish in a PR). Announced at App.js, the tool only supports React-Native for now: web support will come later.

Million is a Virtual DOM solution supported by Vercel, which proposes to use a compiler to improve performance and reduce size (inspired by Svelte). The Million + React integration package has just been released. All this seems promising, but not yet ready for production.

A digest of the latest Gatsby news, with detailed blog posts on each topic. Some of those topics:

Interesting feedback on the usage of Vite in the Shopify Hydrogen meta-framework. There are advantages in terms of DX via the use of ES modules in dev, but also for the SSR and the integration of React Server Components thanks to its plugin system.

💡 How to sponsor this newsletter

Axiom enables you to monitor the health and performance of your Vercel deployments by ingesting all your request, function, and web vitals data.

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. 

PS: I use it myself to monitor the newsletter signups 😉

Meteor Cloud is the only full-service cloud solution engineered for Meteor apps.

You’ll be able to host and scale your Meteor app with ease, monitor performance, and reduce time spent on DevOps, all from one centralized dashboard.

Configure your hosting needs to your exact specifications or use intuitive out-of-the-box features designed by long-time Meteor developers.

Save $1,000’s per month on DevOps costs with the additional comfort of knowing your app is supported by in-house Meteor experts. Sébastien’s readers get a special 30% OFF discount. Grab the offer here!

It’s hard to summarize everything exhaustively. With Expo, mobile DX continues to improve. There is a real craze for web support! New tools available for performance monitoring. Various useful links:

React 18 support, introduction of the new styleQ runtime, removes support for older browsers, various improvements. A step toward the ability to statically extract CSS? Nicolas Gallagher questions the usefulness of his project 🤔.

Various progress of proposals. I’m especially happy for “Symbols as WeakMap keys” in stage-3. It’s an important step to be able to use Records & Tuples with React someday 🤗.