Hello everybody!
This week we have a good time the official loss of life of IE11! 😄
I simply got here again from the App.js conf in Krakow: a really good expertise that I like to recommend to any React-Native dev 👌. Test my abstract on Twitter!
A number of attention-grabbing releases this week. And with React Summit arising, it ought to proceed 🤯
🙏 Assist the publication:
If you happen to like this text, subscribe in precedence there:
React
Contemporary – The following-gen net framework.
Luca Casonato (Deno core group) unveils a brand new meta-framework for Deno primarily based on Preact. Shares some frequent factors with Subsequent.js and Remix (FS routing, progressive enhancement). Islands structure for hydration. No construct step: compile on the fly. To be examined!
A brand new efficiency testing instrument for React ought to be open-sourced subsequent week. Measures and counts renders of a given situation, snapshot them, and generates a report on modifications (doable to publish in a PR). Introduced at App.js, the instrument solely helps React-Native for now: net help will come later.
Million is a Digital DOM resolution supported by Vercel, which proposes to make use of a compiler to enhance efficiency and cut back measurement (impressed by Svelte). The Million + React integration bundle has simply been launched. All this appears promising, however not but prepared for manufacturing.
A digest of the newest Gatsby information, with detailed weblog posts on every matter. A few of these subjects:
- Script Element
- GraphQL TypeGeneration
- Picture CDN GA
- Incremental Deploys for All Builds
Shopify – Finest-in-Class DX with Vite and Hydrogen
Fascinating suggestions on the utilization of Vite within the Shopify Hydrogen meta-framework. There are benefits by way of DX through the usage of ES modules in dev, but in addition for the SSR and the mixing of React Server Elements due to its plugin system.
Extras:
💸 Sponsors
💡 Tips on how to sponsor this text
Axiom – Zero-Config Observability for Vercel
Axiom allows you to monitor the well being and efficiency of your Vercel deployments by ingesting all of your request, operate, and net vitals information.
Use Axiom’s pre-built dashboard for an summary throughout all of your Vercel logs and vitals, drill all the way down to particular initiatives and deployments, and get perception on how features are performing with a single click on.
PS: I take advantage of it myself to watch the publication signups 😉
Scale Your Meteor Apps Confidently With Minimal DevOps
Meteor Cloud is the one full-service cloud resolution engineered for Meteor apps.
You can host and scale your Meteor app with ease, monitor efficiency, and cut back time spent on DevOps, all from one centralized dashboard.
Configure your internet hosting must your actual specs or use intuitive out-of-the-box options designed by long-time Meteor builders.
Save $1,000’s monthly on DevOps prices with the extra consolation of figuring out your app is supported by in-house Meteor specialists. Sébastien’s readers get a particular 30% OFF low cost. Seize the provide right here!
React-Native
App.js – Mon résumé sur Twitter
It is arduous to summarize every part exhaustively. With Expo, cellular DX continues to enhance. There’s a actual craze for net help! New instruments out there for efficiency monitoring. Varied helpful hyperlinks:
- 🧵Expo Dev Instruments Keynote: EAS Metadata, versioned CLI, config plugins, common Metro, lazy bundling…
- 🧵 Sketches: David created sketches for every discuss of the convention, giving a superb overview.
- 🐦 Expo Candy Modules: A brand new API to facilitate the creation of native Swift/Kotlin modules might be launched in Launch Candidate this week.
- 🐦 Shopify FlashList: a strong different to FlatList that might be launched quickly.
- 📦 Zeego: cross-platform menu elements, from Fernando Rojo.
- 📦 Common Design System: Showtime has open-sourced its frontend and cross-platform design-system.
- 🎥 Reside streams: day 1 – day 2
React Native for Internet 0.18
React 18 help, introduction of the brand new styleQ runtime, removes help for older browsers, numerous enhancements. A step towards the flexibility to statically extract CSS? Nicolas Gallagher questions the usefulness of his venture 🤔.
Extras:
Different
Updates from the ninetieth TC39 assembly
Varied progress of proposals. I am particularly pleased for “Symbols as WeakMap keys” in stage-3. It is an essential step to have the ability to use Data & Tuples with React sometime 🤗.
Extras:
