The styling system for the modern web * 🌐₊˚
- Tweets 345
- Following 48
- Followers 1,950
- Likes 401
🫶
And finally, some thoughts from StyleX, a new zero-runtime CSS-in-JS solution. Really nice docs page on their core principles.
stylexjs.com/docs/learn/thin…
ALT Screenshot of the linked page from the StyleX docs
3
15
2,800
StyleX retweeted
I built this in Stylex of all things. Went really smoothly
I basically only have two CSS files, Josh Comeau's CSS reset and my own base on top of that, besides that everything is Stylex. I have more component files than I usually would but virtually no CSS files now.
Super fast✨🪄
Looking for the best Figma icon plugin? Check out our top-notch plugin for your daily design needs! The beautiful icon library you always wanted!
2
1
7
1,500
StyleX retweeted
Today I played around with @shadcn and @Meta #stylex and @tailwindcss. Look familar to className property. (see more in thread)
2
3
14
1,512
StyleX retweeted
I'm pretty sold on @stylexjs. The first time I wrote it felt wrong because I was authoring styles the way I author SASS. Instead, you want to author many small stylesheets and colocate them next to the components that consume them, only exporting high level componets
3
1
6
1,409
StyleX retweeted
I was able to make a fairly complex component using @stylexjs
This is about 150 LOC, including the styles. It doesn't handle keyboard navigation or is viewport aware but I'm sure with a couple of hours I could pull it off 🧐
1
11
1,161
Great video by @joshtriedcoding that takes a measured approach in a world of flame-wars. Thank you!
youtube.com/watch?v=vpAXHtPK…
1
6
50
8,642
StyleX retweeted
Added @QwikDev support today on 0.4.0! Code changes to the plugin were minimal and mostly compatible with other frameworks ⚡️
github.com/HorusGoul/vite-pl…
2
7
1,764
We’ve been open source for a week. AMA
github.com/facebook/stylex/d…
4
5
90
24,116
Amazing, in-depth video explaining StyleX from @DevSimplified
This is now the new canonical starting point for anyone diving into StyleX for the first time.
youtube.com/watch?v=dphmbB77…
3
24
1,413
And someone already made an Astro+StyleX integration.
github.com/lilnasy/gratelets…
1
9
1,772
StyleX retweeted
Just released a @vite_js plugin for @stylexjs
Seems to work with a basic setup; looking forward to trying it with the Remix plugin tomorrow 👀
github.com/HorusGoul/vite-pl…
5
6
26
6,870
StyleX retweeted
A lot of people *really* like Tailwind, and I constantly hear from people that they don't want to "name" things.
So here's how you could use StyleX like Tailwind while keeping all the benefits of StyleX like types and deterministic resolution.
4
7
26
3,111
This is the Pandora’s box. Don’t do it!
How many years have you been asking me for this one? 🫣
github.com/tailwindlabs/tail…
9
1,713
We’re looking at Tailwind’s approach with “group”.
Curious what the recommended way to handle a hover state like this would be with StyleX, since they explicitly forbid styling based on parent hover.
Use JS to detect pointerEnter/pointerLeave on the parent and set some state that you use to change the text color?
4
2
31
4,252
Here’s a great introduction to Stylex from a creator that deserves more attention.
(Note: you need to set dev:true to inject classNames for debugging)
youtu.be/JANdqfdMbrQ?feature…
@JollyShopland
3
26
1,618
Here’s another guide to get started with a bare-bones Next+StyleX+open-props project from @argyleink
nerdy.dev/using-open-props-w…
The StyleX repo has an example app to copy as well.
2
25
2,640