Inline styles doing what we thought they couldn't: State-driven styling, dark mode, and more.

Anja Petry

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Hooks enhance inline styles, allowing effortless styling for states like hover, focus, and active. They promote local reasoning and make server-side rendering simple and reliable.

CSS Hooks

Now this looks really interesting &lt;3 Now I know why developers have the “forever alone” aura - there is not a single day that pass by without me saving an article, video or a library onside :D :D :D Who the hell can read/learn all this if they are married, etc. :D :D :D

NOOOOOOOOOOOO why do we want inline styles like this?

Looks interesting. What is the benefit over using Tailwind etc?

Personally I see no benefit to it. Better to use CSS modules in my opinion.

All I see is a copy of vuejs, without attributing it to vuejs, or championing that vuejs “just works” like this
I wonder why …?