Aller au contenu principal

📨 #165: StyleX, CSS Hooks, PandaCSS, Tailwind, Redux, Astro, Next.js, Remix, Storybook, React-Native 0.73, State of React-Native, Skia text layouts, Expo EAS...

· 7 minutes de lecture
Sébastien Lorber

Salut à tous !

Cette semaine, j'ai trouvé l'actualité CSS particulièrement intéressante. StyleX, CSS Hooks, Panda, Tailwind, CSS4...

Coté React-Native, le sondage State of RN est ouvert. Un nouveau mode "bridgeless" sera introduit dans la version 0.73 (qui vient juste de sortir lol).

2 conférences React arrivent à Paris début 2024, on aura l'occasion d'en reparler!

💡 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

    StyleX

    StyleX

    La solution CSS-in-JS de Meta est enfin open-sourcée, après de longues années d'attente. Elle est utilisée sur des apps conséquentes comme Facebook, Instagram ou WhatsApp. Elle n'est pas strictement couplée à React. Le CSS atomique va être extrait au build, et il y a un léger runtime pour concaténer les classes. Le support TypeScript est bien pensé. L'API est minimaliste et repose principalement sur 2 fonctions create et props. À voir comment cette nouvelle solution se positionnera dans un écosystème déjà assez concurrentiel face à Tailwind ou Panda.

    Voir aussi:

    CSS Hooks

    Librairie CSS avec bindings React, qui propose un véritable retour aux sources via les inline styles. Dans From CSS madness to CSS Hooks, l'auteur explique comment il utilise un trick CSS variables pour pouvoir supporter les features manquantes comme media-queries, pseudo-selectors...

    Personnellement, j'ai toujours préféré la DX des inline styles, mais en pratique, cela est trop limité et pas toujours performant. À voir si cette innovation tiendra la route en pratique. En tout cas, elle suscite l'engouement de Mark Dalgleish (🐦 tweet). Adam Wathan n'aurait probablement pas créé Tailwind si les inline styles avaient un meilleur support (🐦 tweet).

    Ne manque pas le prochain email !

      💸 Sponsor

      Breakpoints and console.log is the past, time travel is the future

      Breakpoints and console.log is the past, time travel is the future

      15x faster JavaScript debugging than with breakpoints and console.log.

      Wallaby.js runs your tests immediately as you type, with runtime values, errors, and code coverage displayed in real-time right next to your code.

      Designed specifically for testing, Wallaby features include a Time Travel Debugger, the ability to only run opened test files, and more.

      📱 React-Native

      🇫🇷 En français

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

      🔀 Autre

      🤭 Fun

      alt

      A plus 👋


      Ne manque pas le prochain email !