Hello everybody!
Excellent news: the brand new React beta docs will likely be accessible quickly! A hyperlink on the previous doc invitations to go to the brand new beta web site. Gatsby v5 launched alpha.
The present pattern: bringing reactivity to React.
Some good React-Native content material too. We’re watching carefully the progress of Expo Router, WishList and net help in Reassure.
TypeScript celebrates its tenth anniversary. A --watch mode is coming in Node.js. Fascinating content material about WebAssembly.
💡 Verify this text on Twitter – visible format 🎨
To help me:
⚛️ React
The v5 of Gatsby is in alpha with 2 essential new options:
- help for partial hydration primarily based on React Server Elements and a
"consumer export"directive on the high of consumer elements - the Gatsby Slices API, which permits to considerably enhance construct occasions when a shared element (structure/navbar/footer) ought to be re-rendered
Making React quick by default and actually reactive
Interactive article that illustrates the issues of re-rendering in React which isn’t optimized by default. Reveals how the Legend-State library, primarily based on observables, permits to convey reactivity to React (a bit like SolidJS). The code is then optimized by default and avoids pointless re-renders.
A brand new experimental type-checking compiler for JavaScript, appropriate with TypeScript annotations and JSX. Depends on dependent typing to do superior static evaluation and pre-evaluations at compile-time (reminds prepack). The objective appears to be to have the ability to compile an app that appears like React in a reactive kind, and skip the VDOM. Fairly technical to learn.
Presents a helpful approach to know to leverage code-splitting once you do conditional rendering. Particularly helpful on giant enums/union-types, equivalent to an <Icon title="my-icon-name"/> element.
Permits frontend element rendering to be remoted in an iframe. Now helps Webpack, Subsequent.js and Docusaurus. This appears useful for element library documentation websites, making certain the worldwide CSS of the location doesn’t have an effect on the rendering of the element displayed.
📱 React-Native
Reassure – Steady App Efficiency Monitoring Made Easy
Callstack estimates 80% of efficiency issues on React-Native come from JS, and particularly from React misuse. They created Reassure, a brand new efficiency regression testing library. It integrates properly together with your CI to forestall the efficiency of your apps from degrading over time. The net help shouldn’t be but accessible.
🧑💻 Jobs
🧑💼 Product Engineer at Causal, Distant/London/NY, $150-250k
Causal is a Collection A Startup (backed by Coatue/Accel) constructing an all-in-one software for working with numbers and visualizing knowledge. We’re on the lookout for sturdy React engineers who can remedy tough UX/efficiency challenges.
🧑💼 G2i – 100% Distant React Native Jobs
We have now a number of roles open for builders targeted on React Native! Pay is ~160k plus 10% bonus. You have to have manufacturing expertise with RN and be primarily based within the US. DM @gabe_g2i to be taught extra and remember to say This Week in React.
💡 Tips on how to publish a proposal ?
🔀 Different
🤭 Enjoyable
