Skip to main content

πŸ“¨ #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 min read
SΓ©bastien Lorber

Hi everyone!

I've found this week's CSS news particularly interesting! StyleX, CSS Hooks, Panda, Tailwind, CSS4...

The State of React Native survey is open. A new "bridgeless mode" will be introduced in version 0.73 (which has just been released 5 minutes before hitting publish lol!)

πŸ’‘ Check this newsletter on Twitter - visual format 🎨

To support me:

Don't miss the next 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

    Meta's CSS-in-JS solution is finally open-sourced, after a long wait. It is used on major apps such as Facebook, Instagram and WhatsApp. It is not strictly coupled with React. Atomic CSS will be extracted at build time, and there is a lightweight runtime for concatenating classes. TypeScript support is well-thought-out. The API is minimalist, relying mainly on 2 functions: create and props. We'll see how this new solution will position itself in an ecosystem that is already fairly competitive with Tailwind, Panda and a few others.

    See also:

    CSS Hooks

    CSS library with React bindings, offering a real return to basics via inline styles. In From CSS madness to CSS Hooks, the author explains how he uses a variable CSS trick to support missing features such as media-queries, pseudo-selectors and so on.

    Personally, I've always preferred the DX of inline styles, but in practice this is too limited and doesn't always perform well. It remains to be seen whether this innovation will hold up in practice. Mark Dalgleish (🐦 tweet) is excited about it. Note Adam Wathan probably wouldn't have created Tailwind if inline styles had better support (🐦 tweet).

    Don't miss the next 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​

      πŸ”€ Other​

      🀭 Fun​

      alt

      See ya! πŸ‘‹


      Don't miss the next email!