Aller au contenu principal

· 11 minutes de lecture
Sébastien Lorber
Editeur - Mainteneur de Docusaurus
Benedikt Müller
Indie Hacker

Salut à tous !

Je (Seb) suis de retour, et heureux de vous annoncer que la newsletter a franchi le cap des 40 000 abonnés ! 🎉

Merci pour votre soutien et pour avoir partagé la newsletter avec vos amis.🎉 Vous avez une idée pour l'améliorer, faire part de vos commentaires ou soumettre un lien ? Répondez simplement à cet email !

Cette semaine, la version stable de React 19 que nous attendions très prochainement est un peu retardée en raison d'un changement controversé dans le comportement de Suspense.

Du côté de React Native, la première RC de la 0.75 est attendue très bientôt, fonctionnant sous React 19.

· 8 minutes de lecture
Benedikt Müller
Indie Hacker

Salut à tous !

C'est encore Benedikt cette semaine, car Sébastien fait une pause.

Pour moi, les sujets les plus intéressants de la semaine ne sont pas de grandes annonces ou de nouvelles versions, mais plutôt des indices subtils sur les travaux futurs (les types-safe routes models à venir dans Remix, React Compiler à venir dans Expo, les natives intents dans Expo Router), ainsi que quelques discussions en ligne sur les détails de l'implémentation de React Suspense (display : none, et, plus important encore, un changement assez significatif dans le comportement du parallèle fetching avec React 19).

· 8 minutes de lecture
Benedikt Müller
Indie Hacker

Bonjour,

Cette semaine, c'est Benedikt qui remplace Sébastien, qui fait une pause dans sa newsletter.

React 19 approche de sa version finale, avec la première RC publiée cette semaine. En dehors de cela, il n'y a pas beaucoup d'activité de nouvelle version dans les communautés React et React Native. Cette semaine, j'ai donc décidé de présenter deux contenus importants en gros titres dans les deux sections. Un article de référence de 10 000 mots sur les modèles de récupération de données dans les applications Single-Page par Juntao Qiu, et un excellent aperçu vidéo de toutes les différentes façons de construire des applications React Native avec Expo par Simon Grimm.

Je voulais profiter de cette occasion pour vous dire que Sébastien et moi-même faisons beaucoup d'efforts pour trouver le meilleur contenu pour les sections React et React Native, mais je suis sûr qu'il y a encore d'excellentes choses qui passent parfois inaperçues. C'est pourquoi nous sommes toujours ouverts aux suggestions, alors n'hésitez pas à nous faire savoir si vous avez quelque chose à nous proposer !

· 11 minutes de lecture
Sébastien Lorber
Editeur - Mainteneur de Docusaurus

Salut à tous !

La semaine dernière, nous avons reçu de formidables annonces lors des conférences Vercel Ship et App.js.

J'ai également trouvé des articles de blog communautaires très intéressants cette semaine ! Il y a beaucoup de contenu intéressant à lire ici. Celui sur les fuites de mémoire est assez effrayant 😅.

Je me suis demandé dernièrement s'il était encore utile d'écrire un Fil Twitter ? J'ai posé la question sur Twitter et j'ai l'impression que plus personne ne le lit, à part quelques personnes. J'envisage d'arrêter. Qu'en pensez-vous ? 🤔

· 12 minutes de lecture
Sébastien Lorber
Editeur - Mainteneur de Docusaurus

Salut à tous !

La semaine a été très chargée pour nous 😄. La conférence React n'a pas déçu ! Nous n'y étions pas, mais notre flyer y était 😇. Non seulement nous avons eu de belles annonces de conf (notamment le compilateur !), mais nous avons eu de beaux articles de la communauté que j'ai dû reporter à la semaine prochaine pour certains d'entre eux.

Bien qu'il soit peu probable que cela se calme car 2 confs majeures commencent demain :

  • Vercel Ship, durant laquelle Next.js 15 devrait être annoncé avec une stratégie de cache moins agressive, Turborepo en développement, la prise en charge du compilateur et plus encore.
  • App.js Conf, avec également de grandes annonces pour React Native.

Bonne lecture et à la semaine prochaine !

  • 🗓 Chain React Conf -  Portland, OR - Du 17 au 19 juillet. La conférence américaine React Native est de retour avec des conférences captivantes et des ateliers pratiques ! Bénéficiez de 15% de réduction sur votre billet avec le code « TWIR »

· 10 minutes de lecture
Sébastien Lorber
Editeur - Mainteneur de Docusaurus

Salut à tous !

Cette semaine est calme en termes de versions, pour l'instant en tout cas !. Nous avons d'excellents articles sur React, mais aussi quelques critiques, ou des contenus qui nous suggèrent d'utiliser des solutions alternatives (Solid, Phoenix LiveView) 😅.

La React Conf commence plus tard dans la journée ! On peut s'attendre à ce que de grandes choses y soient présentées, que nous couvrirons la semaine prochaine. J'ai envoyé la newsletter un peu plus tôt aujourd'hui pour être sûr de pouvoir la regarder en direct sans pression 😄.

Le lien de diffusion en direct de la React Conf sur YouTube est déjà disponible. En regardant le programme de la conf, nous sommes particulièrement enthousiastes à propos des conférences suivantes :

  • React and React Native keynotes and Q&A
  • Universal React Server Components in Expo Router - Evan Bacon - Expo
  • Real-time server components - Sunil Pai - PartyKit
  • Spatial computing with React - Michał Pierzchała - Callstack
  • Cross Platform React - Olga Zinoveva and Naman Goel - Meta

En parlant de conférences, l'U.S. React Native Conference Chain React est de retour du 17 au 19 juillet (Portland/OR). Nous nous sommes associés pour vous offrir 15% de réduction sur votre billet avec le code « TWIR ».

💡 Consulter cette newsletter sur Twitter - format visuel 🎨

Pour me soutenir:

Ne manque pas le prochain email !

    💸 Sponsor

    In-App Subscriptions Made Easy

    In-App Subscriptions Made Easy

    RevenueCat gives you everything you need to monetize, analyze, and grow your app business. Effortlessly control customer access and entitlements, manage data, and experiment with pricing. See why over 30,000 apps trust RevenueCat to power their in-app purchase infrastructure.

    ⚛️ React

    Snappy UI Optimization with useDeferredValue

    Snappy UI Optimization with useDeferredValue

    Josh Comeau revient avec un excellent article de blog montrant l'utilité du hook useDeferredValue(), qui vous permet d'opter pour Concurrent React en reportant le rendu des composants coûteux à une tâche moins prioritaire. Il nous présente un problème de performance très concret auquel il était confronté et comment le hook l'a aidé à le résoudre en pratique. Pour que cela fonctionne efficacement, il est important que vous enveloppiez vos composants coûteux avec memo(). Les timelines interactives peuvent vous aider à comprendre en quoi cela est autre chose que de l'étranglement.

    Why React Query?

    Why React Query?

    Dominik Dorfmeister lance son cours officiel React Query, et pour l'occasion a publié la première leçon gratuitement. Il s'agit d'un excellent article interactif qui développe lentement tout ce que React Query fait pour vous, y compris la gestion des conditions de course, la déduplication des requêtes et la mise en cache. C'est vraiment très complet et ressemble plus à un "gestionnaire d'état asynchrone" qu'à une simple bibliothèque pour récupérer des données. Une lecture intéressante pour tous les développeurs React, même si vous n'utilisez pas React Query.

    Ne manque pas le prochain email !

      💸 Sponsor

      Refine - Open source Retool Alternative

      Refine - Open source Retool Alternative

      The sweet spot between the low code and traditional development for CRUD-heavy applications.

      As an open-source React meta-framework designed for Enterprise applications, Refine offers a headless solution ideal for tasks like admin panels, dashboards, and internal tools.

      While low-code tools may offer initial promise, they often fall short in handling complex scenarios due to scalability issues, limited customization options, and the risk of vendor lock-in.

      Refine enables teams to rapidly develop production-ready apps while maintaining flexibility.

      📱 React-Native

      Cette section est rédigée par Benedikt.

      🇫🇷 En français

      🔀 Autre

      🤭 Fun

      alt

      alt

      A plus 👋

      · 11 minutes de lecture
      Sébastien Lorber
      Editeur - Mainteneur de Docusaurus

      Salut à tous !

      Nous sommes de retour après une courte pause, pour couvrir deux semaines d'actualités !

      J'espère que vous vous êtes bien remis de la sortie de la version bêta de React 19 😄 Mais ce n'est pas fini, nous entrons dans une période passionnante avec React Conf, Vercel Ship, App.js et bien d'autres conférences qui se profilent à l'horizon.

      Cette semaine, React patching globals a été un sujet brûlant dans l'écosystème. Nous avons également eu quelques publications intéressantes liées à React, y compris deux bibliothèques headless majeures.

      Comme prévu, Expo SDK 51 est sorti, et il semble que ce soit le bon moment pour essayer la Nouvelle Architecture.

      Vous cherchez une conférence d'été sur React ? Les billets pour le React Rally sont en vente (12-13 août, 🇺🇸 Utah). Nos lecteurs bénéficient d'une réduction de 10 % avec le code « TWIR ».

      En parlant de réductions, Josh Comeau en offre également une pour son cours phare The Joy of React. En plus d'une réduction déjà importante, nos lecteurs bénéficient d'une réduction supplémentaire de 10 % avec le code « TWIR » !

      · 10 minutes de lecture
      Sébastien Lorber
      Editeur - Mainteneur de Docusaurus
      Benedikt Müller
      Indie Hacker

      Salut à tous !

      Cette semaine, React Native est à l'honneur ! Mais il y a aussi des nouvelles intéressantes de Vercel et des PR à regarder de la part de l'équipe principale de React.

      En début de semaine, j'étais à la conférence React/RN Connection à Paris. J'ai été ravi de rencontrer certains d'entre vous !

      La fête parisienne n'est pas terminée. Après de nombreuses années, la grande dotJS conference est de retour à Paris le 27 juin. Ils ont déjà annoncé d'excellents intervenants, dont Mark Dalgleish, Malte Ubl, Charlie Gerard, James Q Quick, Ben Lesh... Dernières places disponibles, obtenez une réduction de 10% avec mon code « TWIR ».

      En raison de la conf, je n'ai eu qu'aujourd'hui pour travailler sur la newsletter. Heureusement, mon co-auteur Benedikt a pris le relais et a fait le plus gros du travail cette semaine ! 🙏

      La semaine prochaine, la newsletter fera une pause bien méritée. Nous serons de retour le 8 mai.

      · 10 minutes de lecture
      Sébastien Lorber
      Editeur - Mainteneur de Docusaurus

      Salut à tous !

      Cette semaine, nous avons une belle version de Next.js et de nombreux articles intéressants sur le blog de la communauté.

      Nous pouvons également sentir que l'équipe principale de React travaille dur pour peaufiner les derniers détails de React 19. De manière inattendue, une v18.3 est finalement prévue avec des avertissements supplémentaires. React Native 0.74 est également sur le point d'arriver.

      Cette semaine, j'aimerais vous présenter ECMAScript News. C'est ma newsletter préférée pour rester informé sur ES, TC39, l'outillage JS et les runtimes.

      La semaine prochaine, nous avons les conférences React Connection et React Native Connection à Paris. Rendez-vous là-bas pour ceux qui y participent 👋. Vous pouvez encore bénéficier d'une réduction de -20% avec mon code partenaire « TWIR ».

      · 10 minutes de lecture
      Sébastien Lorber
      Editeur - Mainteneur de Docusaurus

      Salut à tous !

      Cette semaine, j'ai trouvé beaucoup de PR React Core à regarder. Trop, en fait, alors j'en ai gardé quelques-uns pour la semaine prochaine !

      Après la 2D avec Skia, c'est super intéressant de voir des développeurs React Native explorer l'espace 3D !

      💡 Consulter cette newsletter sur Twitter - format visuel 🎨

      Pour me soutenir:

      Ne manque pas le prochain email !

        💸 Sponsor

        In-App Subscriptions Made Easy

        In-App Subscriptions Made Easy

        RevenueCat gives you everything you need to monetize, analyze, and grow your app business. Effortlessly control customer access and entitlements, manage data, and experiment with pricing. See why over 30,000 apps trust RevenueCat to power their in-app purchase infrastructure.

        ⚛️ React

        React Docs - Add onCaughtError / onUncaughtError, improve onRecoverableError

        React Docs - Add onCaughtError / onUncaughtError, improve onRecoverableError

        Récemment, l'équipe principale de React a révisé la façon dont les erreurs sont gérées dans React 19. Ces améliorations sont disponibles dans les versions canary de React 19 et devraient probablement arriver dans Next.js 14.2+ tôt ou tard. Cela inclut notamment de nouveaux callbacks d'API publiques disponibles sur React Root (createRoot, hydrateRoot) :

        • onCaughtError 🆕 signale les erreurs détectées par les périmètres d'erreur (« Error Boundaries »)
        • onUncaughtError 🆕 signale les erreurs non capturées (logique)
        • onRecoverableError utilise désormais la fonctionnalité ES Error Cause pour signaler la cause initiale

        Le PR lié est la documentation en cours d'élaboration pour ces nouvelles API, y compris de nombreux exemples interactifs. La principale motivation semble être de présenter un dialogue d'erreur à l'utilisateur.

        Ce qui m'a le plus excité dans tout ça, c'est que c'est la première fois que je peux voir en action le tout nouveau message d'erreur d'hydratation de React affiché dans un dialogue, comme le montre la capture d'écran ci-dessus. Cela va grandement améliorer le DX de React !

        Ne manque pas le prochain email !

          💸 Sponsor

          Refine - Open source Retool Alternative

          Refine - Open source Retool Alternative

          The sweet spot between the low code and traditional development for CRUD-heavy applications.

          As an open-source React meta-framework designed for Enterprise applications, Refine offers a headless solution ideal for tasks like admin panels, dashboards, and internal tools.

          While low-code tools may offer initial promise, they often fall short in handling complex scenarios due to scalability issues, limited customization options, and the risk of vendor lock-in.

          Refine enables teams to rapidly develop production-ready apps while maintaining flexibility.

          📱 React-Native

          Cette section est désormais co-écrite avec Benedikt

          New 3D library for React Native in the works

          🐦 New 3D library for React Native in the works

          L'une des choses les plus inspirantes dans la communauté RN est d'observer des gens comme Marc Rousavy, William Candillon et Christian Falch repousser les limites de ce qui est possible avec cette technologie et aller bien au-delà du rendu de texte et de boutons sur un écran. Avec les récentes annonces de Skia, nous avons vu l'état de l'art en matière de rendu 2D dans RN. Aujourd'hui, Marc nous a donné un aperçu de quelques avancées passionnantes en matière de rendu 3D avec RN. Apparemment, Margelo travaille sur une nouvelle bibliothèque pour permettre l'accès aux API graphiques natives (Metal/Vulkan) à partir de RN. Outre la courte vidéo de démonstration, j'ai également trouvé ce fil de discussion très intéressant, où Marc explique leur approche en utilisant une bibliothèque C++ et pourquoi ils n'ont pas choisi Three.js, qui est incroyable sur le web (React-Three-Fiber prend en charge RN).

          🇫🇷 En français

          🔀 Autre

          🤭 Fun

          alt

          A plus 👋