Aller au contenu principal

📨 #119: React OG Images, Tremor, Storybook, Decoupling, Rendering, Data-Fetching, Remix, Qwik, TypeScript, Playwright...

· 6 minutes de lecture
Sébastien Lorber

Salut à tous !

Une semaine avec pas mal de bons articles React assez variés. Plutôt calme coté React-Native.

Une innovation Vercel super intéressante pour la génération d'images OG.

La ViteConf vient de commencer, il y aura sans doute quelques annonces ;)

Je fais une présentation Docusaurus ce vendredi avec code.gouv.fr (atelier BlueHats organisé par la direction interministérielle du numérique), n'hésitez pas à vous inscrire, c'est ouvert à tous.

💡 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

    Vercel OG Image Generation: Fast, dynamic social card images at the Edge

    Vercel propose une nouvelle solution très efficace pour générer des social cards dynamiques dans des Vercel Edge Functions. Pratique: il est possible d'utiliser du JSX, des composants React (stateless) et Tailwind sans config additionnelle. Je recommande le thread de Shu Ding qui explique comment ça marche, vraiment intéressant. Ils utilisent même Yoga, le moteur de layout de React-Native 🤭

    The future of rendering in React

    Article très bien illustré qui présente les patterns de React 18 et plus. Vous y trouverez des infos sur le fonctionnement du streaming SSR, Suspense, React lazy, l'implémentation de feature flags avec les Server Components...

    Overcoming Popular Issues With React Projects

    Incite à découpler un maximum nos apps JavaScript du framework (React ou autre). Prone un retour vers plus de simplicité. Quelques "hot takes" qui ne feront sans doute pas l'unanimité.

    Material UI in Storybook

    Tutoriel avec une section particulièrement intéressante qui explique comment automatiser la création des Storytook controls en réutilisant les types TypeScript de la librairie UI. Très utile lorsqu'on forward des props. Supporte même les helpers comme Pick et Omit.

    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


      🧑‍💻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

      Kent C. Dodds Twitter edit meme - Rick Rolled

      Ne manque pas le prochain article !