Hooks take the simplest styling approach to the next level, removing limitations to make it a viable solution for real-world use cases.
Effortlessly define styles for states like hover, focus, and active. Create engaging UIs without the complexity of external CSS.
Hooks enhance the way you already write inline styles, rather than forcing you to learn non-standard utility class syntax.
Hooks are pure, don't depend on style injection, and avoid shipping large volumes of irrelevant, render-blocking CSS.
Inline styles tightly integrate with markup, promoting local reasoning and allowing you to change components quickly and easily.
Directly embedded within HTML markup without side effects, hooks make server-side rendering simple and reliable. It just works.
Check out CSS Hooks. This is *very* cool.
It lets you write type-safe inline styles (literally the `style`attribute *BUT* with support for a custom set of pseudo-classes, selectors, media/container queries — and nested too!
I absolutely love it. There's just something "fresh" about it. Simple to get started, practically no overhead, and it just makes sense. Best part is that it does this all using native CSS features, nothing fancy - just really cleverly done.
Looks exactly like what I always wanted the style property to be
Will be trying it out for sure!