Aller au contenu principal

📨 #126: React Perf, Progressive Enhancement, Remix, Storybook, React-Native, FlashList, Nitro, TC39...

· 8 minutes de lecture
Sébastien Lorber

Salut à tous !

C'est la fin du Black Friday, mais quelques offres sont encore valides.

Si votre entreprise recrute, j'en profite également pour faire une promo de -50% sur les offres de sponsoring job offer. N'hésitez pas à en parler à vos RH ou votre manager, ça m'aide beaucoup!

Comme on pouvait s'en douter avec Thanksgiving, c'est une semaine plutôt calme en nouvelles React.

Rappel: 1er meetup React-Native Paris le 6 Décembre (Slack).

💡 Consulter cette newsletter sur Twitter - format visuel 🎨

Pour me soutenir:

Ne manque pas le prochain article !

    💸 Sponsor

    FlyCode rend votre app React éditables, sans code - basé sur Git

    FlyCode rend votre app React éditables, sans code - basé sur Git.

    FlyCode (YC S22) rend les applications web React modifiables en quelques minutes afin que les équipes produit et UX puissent itérer et sortir des produits plus rapidement, sans avoir à attendre (ou consommer) le temps des développeurs.

    FlyCode lit votre code React et trouve les textes, les images, les design tokens et les événements analytics, puis il permet aux non-codeurs de collaborer, de les modifier et de renvoyer une demande de modification (ils n'ont pas besoin d'accéder à GitHub !).

    • Gain de temps de développement
    • Pas d'intégration de code, ça lit simplement votre code !
    • Basé sur GitHub, un robot analyse le code et crée les pull requests
    • Utilisez votre propre stack et vos propres composants
    • Gardez le contrôle de votre base de code

    Vous pouvez commencer ici: flycode.com/developers

    ⚛️ React

    Is React going anywhere?

    Reflexion intéressante de Ruben, après avoir rencontré un CTO e-commerce qui a décidé d'abandonner React pour du Vanilla JS. Est-ce que React est réellement responsable des mauvaises perfs de son app? Est-ce qu'adopter une alternative est justifié? Est-ce que React va rester leader sur les 5 ou 10 prochaines années?

    Improving React Interaction Times by 4x

    L'app de Causal (cloud spreadsheet) présente des problèmes de performance. Ils nous proposent une analyse détaillée des problèmes et comment ils les ont résolu via le profiler Chrome. Certains problèmes liés à AG Grid (qu'ils ont patché) et d'autres de leur propre code principalement lié à la mémoisation. Ils ont aussi tenté d'utiliser des Web Workers, mais la sérialisation avait un cout trop élevé.

    Ne manque pas le prochain article !

      💸 Sponsor

      Yuzu is the Best Finance Data API for Frontends

      Yuzu est la meilleure API de données financières pour les devs frontends

      Yuzu est conçu pour faciliter l'intégration des données pour les développeurs frontend qui ont besoin de :

      • Cours en direct des actions, crypto et forex
      • Nouvelles du marché à la minute près
      • Détails sur les ETF et les fonds communs de placement

      Les développeurs adorent les API GraphQL, Websockets et SQL de Yuzu, car elles leur permettent de saisir n'importe quelle donnée avec souplesse et de se concentrer sur la création d'expériences pour l'utilisateur, plutôt que sur le scrapping, la normalisation et la maintenance des data sets.

      Les données de qualité professionnelle de Yuzu sont utilisées par des sociétés de courtage, des plateformes analytiques et des applications d'investissement, qu'il s'agisse de startups émergentes ou de sociétés financières établies.

      Le meilleur ? Tout le monde peut commencer gratuitement !

      📱 React-Native

      React Native Core Contributor Summit 2022

      Une bonne partie des contributeurs React-Native se sont réunis début Septembre à l'occasion de la conférence React-Native EU. Ils ont participé à une série de workshops et nous font un compte rendu. Divers sujets abordés, comme la nouvelle architecture, le bundler Metro ou encore le workflow de release.

      Shopify - Our Solution for Measuring React Native Rendering Times

      Présentation du package react-native-performance qui permet de générer des rapports (JSON) de performance de type field/Real User Monitoring. Il s'intègre facilement avec React-Navigation. Vous pouvez envoyer ces rapports à un dashboard analytics de votre choix. Cela permet d'identifier un écran spécifique qui a des soucis de performance en production. Cela rappelle les métriques existantes coté web: Core Web Vitals, TTI, INP et les dashboards perf de Vercel/Netlify/Gatsby...

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

      🧑‍💼 Premier Octet - Développeurs(euses) React - Paris

      Nous cherchons des développeurs(euses) JavaScript passionnés. Vous interviendrez en développement sur des projets variés et motivants, à la fois serveur et front (React, Nest, Next), et éventuellement mobile (React Native).

      💡 Comment publier une offre d'emploi ?

      🇫🇷 En français

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

      🔀 Autre

      🤭 Fun

      alt


      Ne manque pas le prochain article !