Aller au contenu principal

📨 #180: Transitions, Drag & Drop, Metadata APIs, React name, Next.js Auth, useOptimistic, Cally, Docusaurus, New Architecture, Gesture Handler, Server Components, Privacy Manifest, Bun, xz, TypeScript, Signals...

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

Salut à tous !

Comme prévu, la semaine a été calme, les développeurs ayant fait une pause pour Pâques.

Bien que nous n'ayons pas beaucoup de versions majeures, nous avons toujours une bonne quantité de contenu et d'articles de blog. J'ai beaucoup aimé l'article de blog qui fait la une. Seul Bun a décidé de publier une version exceptionnelle de la v1.1 le 1er avril, ce qui est assez audacieux !

Développeur React Native ? Ne manquez pas la App.js Conf qui débutera le 22 mai à Kraków 🇵🇱. Bénéficiez d'une réduction de 10 % avec notre code partenaire « TWIR ».

Par ailleurs, soyez vigilant et vérifiez si vous êtes affecté par xz, une importante faille de sécurité dévoilée récemment.

💡 Consulter cette newsletter sur Twitter - format visuel 🎨

Pour me soutenir:

Ne manque pas le prochain email !

    💸 Sponsor​

    Omlet React Analytics - Measure component & prop usage

    Omlet React Analytics - Measure component & prop usage

    ☁️ Imagine being able to instantly track most popular, least used, unused, and newly created React components and props — all in one dashboard. You can with Omlet.

    • Gain visibility into component and prop usage in your production code, with pre-built and custom charts to drill down into trends and gaps
    • Easily turn Omlet’s component insights into specific codebase improvements — like what code to update, deprecate, or migrate
    • Get setup and run your first scan in <5 minutes

    Take the guesswork out of which components to focus on next with Omlet.

    ⚛️ React​

    Global progress in Next.js**

    Global progress in Next.js

    Ne vous laissez pas tromper par le titre, cet article est une excellente illustration du fonctionnement des transitions React. Des démos interactives faciles à comprendre montrent comment les appels setState à l'intérieur d'une transition peuvent être exécutés de manière synchrone dans un click handler, et pourtant leur application au DOM sera retardée jusqu'à ce que la transition soit complètement terminée. Cela explique aussi pourquoi App Router n'expose plus de système d'événements pour le routeur. Le code d'animation est également intéressant, basé sur Framer Motion.

    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. N'hésitez pas à nous envoyer vos commentaires par email ou sur Twitter !

      "New Architecture support in popular libraries"

      "New Architecture support in popular libraries"

      La grande nouvelle de cette semaine est... une feuille de calcul ? Oui, en effet. Nous approchons de la sortie de React Native 0.74, qui aura le Interop Layer et le Bridgeless Mode activés par défaut. Et bien que vous puissiez encore les désactiver, le message est clair : il est temps de commencer à adopter la nouvelle architecture. Beaucoup d'efforts ont été faits pour préparer l'écosystème RN à la nouvelle architecture, et il existe maintenant une feuille de calcul qui permet de suivre la prise en charge de la nouvelle architecture et du mode Bridgeless pour de nombreuses bibliothèques RN populaires. Comme vous pouvez le voir dans la capture d'écran ci-dessus, il y a déjà beaucoup de vert, bien que de nombreuses lignes nécessitent également un peu plus de travail. À mon avis, au-delà de la question de savoir quelles bibliothèques supportent déjà les nouveaux paradigmes, cette liste est également très intéressante si vous voulez seulement vérifier quelles sont les bibliothèques RN les plus populaires ou quels sont les défis techniques auxquels les auteurs de bibliothèques sont confrontés lorsqu'ils passent à la nouvelle architecture.

      🇫🇷 En français​

      🔀 Autre​

      🤭 Fun​

      alt

      A plus 👋


      Ne manque pas le prochain email !