Always impressed by how insanely overcomplicated people can make CSS.
Any examples specific to this post?
StyleX – Meta's styling library
21–30 of 86 posts
Re: StyleX – Meta's styling library
#22Just at a cursory glance, this looks pretty verbose and clunky. Existing React ecosystem styling solutions are many, so it’s not immediately evident to me when you would accept the trade offs introduced by this tool over any existing ones that seem much nicer to not only integrate, but also have to work with day to day.
0 runtime is the argument over emotion (and therefore MUI right now)
thanks for pointing this out. I hope they extend their `thinking in stylex` page with this info.
Re: StyleX – Meta's styling library
#23I hate having to give everything a name like people do in react native stylesheets. Give me an inline performant style prop any day
You already have to name your CSS classes, and atomic CSS libraries are chock full of names you must learn.
What do you mean "inline style prop," writing CSS in the HTML style attribute? That's a nightmare to manage across large apps, not composable or reusable, and this library compiles to performant styling (according to the authors/examples).
Re: StyleX – Meta's styling library
#24Always impressed by how insanely overcomplicated people can make CSS.
What scale of frontend apps do you work with? Specifically, how many developers are simultaneously writing features and merging code in a given week?
Re: StyleX – Meta's styling library
#25How does this compare to https://griffel.js.org/ ?
Great question, this strikes me as very similar.
This appears to place more emphasis on static typing, and has less strange syntax (think of "shorthand" in Griffel).
The docs steer you away from atomic CSS, whereas Griffel's embraces them.
Re: StyleX – Meta's styling library
#26Just at a cursory glance, this looks pretty verbose and clunky. Existing React ecosystem styling solutions are many, so it’s not immediately evident to me when you would accept the trade offs introduced by this tool over any existing ones that seem much nicer to not only integrate, but also have to work with day to day.
it was exciting at launch, but took forever to ship, and now Tailwind has run away with that problem.
Agreed! It’s been used internally at Meta for so long, but I don’t miss it after adopting Tailwind.
Re: StyleX – Meta's styling library
#27I hate having to give everything a name like people do in react native stylesheets. Give me an inline performant style prop any day
Inline styles by themselves don't support a lot of necessary CSS things like media and child selectors. You lose the "cascading" part of CSS...
Re: StyleX – Meta's styling library
#28Borrows a lot from emotion/styled-components it appears. The extensive typing seems to be the biggest feature. They mention why I should choose it over BEM or Tailwind, why choose it over MUI though?
Does anyone really like Material UI? I find it so clunky and heavy.
Fair point, I like the component library, and it's clunky but powerful.
createTheme() (from this library) seems clunky too, but makes sense.
Re: StyleX – Meta's styling library
#29I really enjoy when libraries or languages have a “Thinking in X” post of some kind. I find it really helps orient me once I actually get to writing some code. If anybody has any “Thinking in X” examples that you have found particularly useful, let me know!