DEV Community

Cover image for This Week In React #165: StyleX, PandaCSS, Tailwind, Redux, Astro, Next.js, React-Native 0.73, Skia text layouts, Expo EAS...
Sebastien Lorber
Sebastien Lorber

Posted on • Originally published at thisweekinreact.com

This Week In React #165: StyleX, PandaCSS, Tailwind, Redux, Astro, Next.js, React-Native 0.73, Skia text layouts, Expo EAS...

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!)


πŸ’‘ Subscribe to the official newsletter to receive an email every week!

banner


πŸ’Έ 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).



πŸ’Έ 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! πŸ‘‹

Top comments (0)