Skip to main content

πŸ“¨ #118: Gatsby, Beta Docs, Reactivity, Lazy Maps, Ezno, Whyframe, Reassure, Node.js, TypeScript, WASM...

Β· 6 min read
SΓ©bastien Lorber

Hi everyone!

Good news: the new React beta docs will be available soon! A link on the old doc invites to visit the new beta site. Gatsby v5 released alpha.

The current trend: bringing reactivity to React.

Some nice React-Native content too. We are watching closely the progress of Expo Router, WishList and web support in Reassure.

TypeScript celebrates its 10th anniversary. A --watch mode is coming in Node.js. Interesting content about WebAssembly.

πŸ’‘ Check this newsletter on Twitter - visual format 🎨


To support me:

Don't miss the next article!


    πŸ’Έ Sponsor​

    Storyblok

    Have you already tried Storyblok? It's the headless CMS with a Visual Editor designed for both developers and marketers!

    Use Storyblok React SDK to quickly build reusable components and fetch the content to create your React, Next.js, Remix, or even React-Native applications, websites or eCommerces.

    Check out Technology Hub and find it out yourself!


    βš›οΈ React​

    Gatsby v5 Alpha

    The v5 of Gatsby is in alpha with 2 main new features:

    • support for partial hydration based on React Server Components and a "client export" directive at the top of client components
    • the Gatsby Slices API, which allows to significantly improve build times when a shared component (layout/navbar/footer) should be re-rendered

    Making React fast by default and truly reactive

    Interactive article that illustrates the problems of re-rendering in React which is not optimized by default. Shows how the Legend-State library, based on observables, allows to bring reactivity to React (a bit like SolidJS). The code is then optimized by default and avoids unnecessary re-renders.

    Ezno - Experimental compiler

    A new experimental type-checking compiler for JavaScript, compatible with TypeScript annotations and JSX. Relies on dependent typing to do advanced static analysis and pre-evaluations at compile-time (reminds prepack). The goal seems to be to be able to compile an app that looks like React in a reactive form, and skip the VDOM. Quite technical to read.

    (Lazy) Components Maps

    Presents a useful technique to know to leverage code-splitting when you do conditional rendering. Especially useful on large enums/union-types, such as an <Icon name="my-icon-name"/> component.

    Whyframe

    Allows frontend component rendering to be isolated in an iframe. Now supports Webpack, Next.js and Docusaurus. This seems handy for component library documentation sites, ensuring the global CSS of the site does not affect the rendering of the component displayed.

    Don't miss the next article!


      πŸ’Έ Sponsor​

      React Brussels - IRL & Online React conference - 14 Oct 2022

      React Brussels is back for its first Hybrid edition to ever happen in the ❀️of Europe. Talks about the trendiest tech and skills (Playwright, WebVR, useEffect, Data Fetching, Remix …) will be on agenda; from some of the brightest minds in the React arena; namely :

      • Tejas Kumar: DevRel Director - Xata
      • Kathleen McMahon: Sr Design System Eng - Northwestern Mutual
      • David Khourshid: Founder - Stately
      • Shaundai Person: Sr Software Eng - Netflix
      • Debbie O'Brien: Sr Program Manager - Microsoft

      Afterparty, Contests, Job Opportunities, Belgian 🍺, Swag, City Tour ... all is there to last long beyond the conference itself !

      IRL tickets are almost sold-out ! Be quick, Grab yours and join more than 200 devs celebrating React in-person ! Can't join us? Then, here's your 30€ online ticket 🎟 😜


      πŸ“± React-Native​

      Reassure - Continuous App Performance Monitoring Made Simple

      Callstack estimates 80% of performance problems on React-Native come from JS, and in particular from React misuse. They created Reassure, a new performance regression testing library. It integrates well with your CI to prevent the performance of your apps from degrading over time. The web support is not yet available.


      πŸ§‘β€πŸ’» Jobs​

      πŸ§‘β€πŸ’Ό Product Engineer at Causal, Remote/London/NY, $150-250k

      Causal is a Series A Startup (backed by Coatue/Accel) building an all-in-one tool for working with numbers and visualizing data. We're looking for strong React engineers who can solve difficult UX/performance challenges.

      πŸ§‘β€πŸ’Ό G2i - 100% Remote React Native Jobs

      We have several roles open for developers focused on React Native! Pay is ~160k plus 10% bonus. You must have production experience with RN and be based in the US. DM @gabe_g2i to learn more and don't forget to mention This Week in React.

      πŸ’‘ How to publish an offer?


      πŸ”€ Other​


      🀭 Fun​

      Theo T3 best clickbait

      Don't miss the next article!