StyleX

We released v0.17 a week ago and 0.17.1 with many fixes over the weekend. With the ongoing NPM issues, Our website isn’t updated but there are some notable features, improvements and fixes.

@astahmer_dev So we’re coming at this problem with a very different philosophy and I think both extensions will have their place.

@astahmer_dev But also, - we don’t have features for layers, instead we always show the active styles. - we group by property not by media query - editing styles changes the classnames applied - applying new styles uses inline styles - easy buttons to remove overrides

We have a Chrome devtools extension as a beta release. While it’s great for debugging StyleX it’s also great for atomic styles in general like with Tailwind or PandaCSS chromewebstore.google.com/detail/stylex-…

.@Meta's @stylexjs is a CSS-in-JS solution for large apps. We look at how it compares to Tailwind on code maintainability, scale and atomic CSS. thenewstack.io/stylex-vs-tail…

With CSS-in-JS still dividing frontend teams, @ricmac explores why @Meta believes @stylexjs solves problems Tailwind struggles with. thenewstack.io/stylex-vs-tail…

.@Meta's @stylexjs is a CSS-in-JS solution for large apps. We look at how it compares to Tailwind on code maintainability, scale and atomic CSS. thenewstack.io/stylex-vs-tail…

@MidSeasonGroup What would a StyleX MCP do? So far, we have: 1. A link of LLM resources at stylexjs.com/docs/llm-resou… 2. A text version of all our docs at stylexjs.com/llms-full.txt We will be adding more endpoints for LLMs in the near future. What else would you like to see?

@stylexjs, any plans for an mcp? Or sub agent skills?

.@Meta's @stylexjs is a CSS-in-JS solution for large apps. We look at how it compares to Tailwind on code maintainability, scale and atomic CSS. thenewstack.io/stylex-vs-tail…

Wrote about this in the blog post that accompanied the new website. #a-new-website" target="_blank" rel="nofollow noopener">stylexjs.com/blog/a-new-yea…

- we wanted to dogfood our unplugin package - we wanted to ensure it also worked with RSCs - we wanted to do cool CSS things Waku + Fumadocs seemed to let us do all 3. Although we barely use fumadocs features beyond the mdx processing at this point.

@pyrons_ @BetterStackHQ Yes: react-strict-dom

@BetterStackHQ does it work with react native?

Let’s take a look at Meta’s StyleX — their in-house CSS solution built for scalability. We’ll break down what it is, how it works, and why many believe it could outperform Tailwind for larger projects.

@devongovett StyleX and React Aria work so well together, they really align. My design system uses both. Looking at how Spectrum 2 does styles, it’s very different but has a lot of thematic similarities.

👀

@DamiDina @wongmjane …less opinionated and more* flexible…

@DamiDina @wongmjane StyleX isn’t a design framework, but a css-in-js compiler. It doesn’t come with any components or default styles. It’s even less opinionated and flexible than tailwind. Opinions to be installed separately.

React Developer Tools do come with StyleX support, but it’s stripped out of the OSS variant So I ended up doing a custom “internal Meta” build that comes with it (it’s available on GitHub) + some other tweaks like customized monospace font to my preference

@DamiDina @wongmjane @username_ZAYDEK He’s even contributed!

@stylexjs @wongmjane Ohhh so it’s a tailwind replacer Thanks for clarifier Also I think your biggest fan is @username_ZAYDEK - he’s obsessed with stylex since it dropped

@70ki8suda In the latest version of Next, the PostCSS plugin even works with Turbopack. stylexjs.com/docs/learn/ins…

Next.jsもいけそう

stylexjs.com StyleX進化してる。APIめっちゃいい感じ。 css-modulesでもなく、tailwind cssでもなく、これが流行って欲しい、やっぱり。 Next.jsの最新版との互換性の問題とかどうなってるだろう？公開当初はコンパイラーの問題があって、設定が面倒だった記憶が。

My site has finally been fully migrated to: - Bun (on Vercel) - Cache Components / 'use cache' - Turbopack - StyleX