Aller au contenu principal

📨 #118: Gatsby, Beta Docs, Reactivity, Lazy Maps, Ezno, Whyframe, Reassure, Node.js, TypeScript, WASM...

· 7 minutes de lecture
Sébastien Lorber

Salut à tous !

Bonne nouvelle: l'arrivée prochaine de la nouvelle doc React en beta! Un lien sur l'ancienne doc invite à consulter le nouveau site. Gatsby v5 sort alpha.

La tendance du moment: apporter la réactivité à React.

Quelques contenus React-Native sympa également. On surveille de près l'arrivée de Expo Router, WishList et du support web dans Reassure.

TypeScript fête ses 10 ans. Un mode --watch arrive dans Node.js. Du contenu intéressant sur WebAssembly.

La conférence React Brussels a lieu dans à peine 2 semaine, le 14 Octobre 2022. Il ne reste que quelques places disponibles, mais il est aussi possible d'y assister en ligne.

💡 Consulter cette newsletter sur Twitter - format visuel 🎨


Pour me soutenir:

Ne manque pas le prochain article !


    💸 Sponsor

    Storyblok

    Avez-vous déjà essayé Storyblok ? C'est le CMS headless avec un éditeur visuel conçu pour les développeurs et les spécialistes du marketing !

    Utilisez Storyblok React SDK pour construire rapidement des composants réutilisables et récupérer le contenu pour créer vos applications, sites Web ou eCommerces React, Next.js, Remix, ou même React-Native.

    Consultez le Hub Technologique et découvrez-le vous-même !


    ⚛️ React

    Gatsby v5 Alpha

    La v5 de Gatsby est sortie en alpha avec comme principales nouveautés:

    • le support de partial hydration basé sur les React Server Components et une directive "client export" déclarée en haut des composants client
    • la Gatsby Slices API, qui permet d'améliorer significativement les temps de build lorsqu'un composant partagé (layout/navbar/footer) doit être re-rendu

    Making React fast by default and truly reactive

    Article interactif qui illustre les problèmes de re-render dans React qui n'est pas optimisé par défaut. Montre comment la librairie Legend-State, basée sur des observables, permet d'apporter la réactivité à React (un peu comme SolidJS). Le code est alors optimisé par défaut et permet d'éviter des re-renders inutiles.

    Ezno - Experimental compiler

    Un nouveau type-checking compiler expérimental pour JavaScript, compatible avec les annotations TypeScript et le JSX de React. Se base sur le "dependent typing" pour faire une analyse statique plus poussée. Le but semble être de pouvoir compiler une app qui ressemble à React dans une forme réactive, et se passer de VDOM. Lecture assez technique.

    (Lazy) Components Maps

    Présente une technique utile à connaitre pour favoriser le code-splitting lorsque vous faites du rendu conditionnel. A utiliser en particulier sur de larges enums/union-types, comme les composants type <Icon name="my-icon-name"/>.

    Whyframe

    Une technologie qui permet d'isoler le rendu de composants frontend dans une iframe, qui supporte maintenant Webpack, Next.js et Docusaurus. Cela semble pratique pour les sites de documentation de composants, pour que le CSS global du site n'affecte pas le rendu du composant présenté.

    Ne manque pas le prochain article !


      💸 Sponsor

      Progressez dans votre anglais professionnel avec Cambly

      Cambly, c'est la plateforme pour progresser à l'oral en anglais avec des tuteurs anglophones, quand et où vous voulez. Maîtriser le vocabulaire technique, interagir avec vos collègues ou clients à l'international ou travailler depuis n'importe où dans le monde, nos tuteurs s'adaptent à vos besoins, votre niveau et vos objectifs.

      👉 Faites un cours d'essai gratuit de 15 minutes et profitez de 50% de réduction sur votre abonnement


      📱 React-Native

      Reassure - Continuous App Performance Monitoring Made Simple

      Pour Callstack, 80% des problèmes de performance sur React-Native viennent du JS, et en particulier d'un mauvais usage de React. Pour y remédier, ils ont créé Reassure, une nouvelle librairie de performance regression testing. Elle s'intègre à votre CI pour éviter que les performances de vos apps ne se dégradent dans le temps. Le support web n'est pas encore disponible.


      🧑‍💻Jobs

      🧑‍💼 Masteos - Lead ReactJS - Hybride ou Remote - 75-90k€

      Masteos réinvente l’expérience de l’investissement locatif, en proposant un parcours entièrement dématérialisé et un accompagnement de haut niveau aux particuliers qui souhaitent acheter un bien pour le louer.

      🧑‍💼 Matters - Senior Software Engineer (React/Node)

      Envie de challenges et de contribuer à des réussites entrepreneuriales ? Rejoins notre startup studio pour construire des produits variés et complexes dans une culture devOps, une stack JS, des code reviews, tests et déploiements automatisés. Paris, remote flexible, 50K€-65K€.

      🧑‍💼 Linxea - Lead Dev React.js - 60-75k€

      Plateforme leader de l’épargne en ligne. Stack tech : ReactJS, Redux, Saga, Formik, Storybook, Webpack, Typescript. Skills : architecture, développement, pratiques craft (clean architecture, clean code ,TDD), mentoring et formation des équipes. Paris 75008 - 2j de TT/sem.

      💡 Comment publier une offre d'emploi ?


      🇫🇷 En français

      💡Tu peux m'envoyer ton contenu: sebastien@thisweekinreact.com !


      🔀 Autre


      🤭 Fun

      Theo T3 best clickbait

      Ne manque pas le prochain article !