Aller au contenu principal

📨 #177: Skia, Pigment, Mist, Storybook, shadcn/ui, Hydration Diff, Geiger, MDXTS, Remotion, WinterJS, Astro, Rolldown, Tailwind, TypeScript, Biome, INP...

· 10 minutes de lecture
Sébastien Lorber

Salut à tous !

Cette semaine, c'est particulièrement excitant de voir React Native Skia atteindre la version 1.0. Mais nous avons également beaucoup d'autres versions intéressantes à découvrir : Pigment, Storybook, Tailwind, Rolldown, MDXTS...

Il y a également eu quelques nouveautés amusantes, comme Mist et Geist. Je suis vraiment curieux de savoir ce que vous en pensez. Les utiliseriez-vous ?

J'essaie de surveiller de plus près les indicateurs secondaires (PRs, RFCs et tweets), trouvez-vous ce genre de nouvelles utiles ?

💡 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

    Pigment CSS

    Pigment CSS

    L'équipe MUI travaille sur Pigment, leur propre CSS-in-JS avec zéro temps d'exécution pour remplacer Emotion dans Material UI v6. Les premières versions ont été publiées sur npm, avec notamment un plugin Next.js withPigment(). Olivier explique dans un 🐦 tweet les motivations pour créer une nouvelle solution, et comment elle se compare à celles existantes (Panda, StyleX, Tailwind). Contrairement à tous les autres, celui-ci facilitera l'adoption pour les utilisateurs existants d'Emotion et de Styled-Components.

    Storybook 8

    Storybook 8

    Cette nouvelle version majeure de Storybook apporte de nombreuses améliorations, notamment :

    • Prise en charge expérimentale de React Server Components
    • Génération automatique de contrôle React plus rapide (grâce à react-docgen)
    • Constructions statiques en « mode test » plus rapides (flag CLI --test)
    • Tests visuels intégrés (via Chromatic)
    • Prise en charge ré-architecturée de Vite, Vitest, Vite 5
    • Amélioration de l'UI/UX pour mobile/desktop

    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 !

      William Candillon - Time to Fly - React Native Skia 1.0

      🎥 William Candillon - Time to Fly - React Native Skia 1.0

      Une version majeure de React Native Skia, avec une vidéo de lancement inspirante ! Cette bibliothèque a été publiée pour la première fois en 2021 par William Candillon et Christian Falch et a été fortement soutenue par Shopify pendant longtemps. Aujourd'hui, ils ont finalement publié une version 1.0 et elle est remplie d'améliorations et de nouvelles fonctionnalités : Grâce à une nouvelle API Paragraph, Skia peut maintenant rendre des mises en page de texte riche, en combinant des polices système et des polices personnalisées. Les Animations Hooks facilitent la construction d'animations performantes avec l'intégration déjà existante de RN Reanimated et de Gesture Handler. Un autre point fort pour moi personnellement : RN Skia supporte désormais le web en tant que plateforme, via un package appelé canvaskit-js !

      🇫🇷 En français

      🔀 Autre

      🤭 Fun

      alt

      A plus 👋


      Ne manque pas le prochain email !