StyleX – Meta's styling library • Hacker News Board

Re: StyleX – Meta's styling library

#11

Post by tlrobinson » Wed, Dec 06, 2023, 12:00 AM UTC

CharlesW wrote: post #2

This is probably a better place to start: https://stylexjs.com/blog/introducing-stylex/ > We created StyleX not only to meet the styling needs of React developers on the web, but to unify styling for React across web and native. Meta friends, the names "Review" and "Restyle" were right there .

Shopify has a styling library for React Native called Restyle: https://github.com/Shopify/restyle

I like it a lot. It lets you define a theme with design tokens like spacing and colors, then enforces using only those via TypeScript (with an escape hatch via style prop), which also gives you editor autosuggest support without hacks like the Tailwind extension.

Re: StyleX – Meta's styling library

#12

Post by superfrank » Wed, Dec 06, 2023, 12:02 AM UTC

CharlesW wrote: post #2

This is probably a better place to start: https://stylexjs.com/blog/introducing-stylex/ > We created StyleX not only to meet the styling needs of React developers on the web, but to unify styling for React across web and native. Meta friends, the names "Review" and "Restyle" were right there .

> StyleX is a CSS-in-JS solution, not a CSS-in-React solution. Although StyleX been tailored to works best with React today, It's designed to be used with any JavaScript framework that allows authoring markup in Javacript. This includes frameworks that use JSX, template strings, etc.

https://stylexjs.com/docs/learn/thinking-in-stylex/#framewor...

I wouldn't be surprised if they avoided starting with "re" on purpose to avoid it seeming like this was a react only framework.

Re: StyleX – Meta's styling library

#13

Post by draw_down » Wed, Dec 06, 2023, 12:07 AM UTC

[dead]

Re: StyleX – Meta's styling library

#14

Post by draw_down » Wed, Dec 06, 2023, 12:09 AM UTC

webdood90 wrote: post #5

Always impressed by how insanely overcomplicated people can make CSS.

[dead]

Re: StyleX – Meta's styling library

#15

Post by cantSpellSober » Wed, Dec 06, 2023, 12:11 AM UTC

Borrows 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?

Re: StyleX – Meta's styling library

#16

Post by mark_mart » Wed, Dec 06, 2023, 12:13 AM UTC

I couldn’t see pseudo selector (like :hover) support in the docs.

Re: StyleX – Meta's styling library

#17

Post by tlrobinson » Wed, Dec 06, 2023, 12:17 AM UTC

mark_mart wrote: post #16

I couldn’t see pseudo selector (like :hover) support in the docs.

Another new library (I haven’t used yet) that supports pseudo selectors is called CSS Hooks: https://css-hooks.com/

Re: StyleX – Meta's styling library

#18

Post by nightski » Wed, Dec 06, 2023, 12:18 AM UTC

cantSpellSober wrote: post #15

Borrows 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.

Re: StyleX – Meta's styling library

#19

Post by connordoner » Wed, Dec 06, 2023, 12:22 AM UTC

mark_mart wrote: post #16

I couldn’t see pseudo selector (like :hover) support in the docs.

https://stylexjs.com/docs/learn/styling-ui/defining-styles/#...

Re: StyleX – Meta's styling library

#20

Post by cantSpellSober » Wed, Dec 06, 2023, 12:22 AM UTC

max_ wrote: post #3

It looks like the React-ification of CSS. No thanks!

I don't see anything here that's React-only. They specify that it's not.