@CSSHooks
css-hooks.com
Joined August 2023
  • Tweets68
  • Following75
  • Followers480
9Media
Love this. Preact v11 also features a simplified inline style implementation - part of the reason for the compatibility break. Works great with CSS Hooks v4-next. Congrats to the Preact team on the upcoming v11!
jovi 🐨
@JoviDeCSep 5
Preact 11 has been long in the making and I'm really proud of what came out the other end. It has quite some history as we first started working on a backing-node (fiber-like) structure for Preact but reversed.
3
333
So many CSS gaps have been closed. Still waiting for &:hover + @\media in the style prop. Until then...CSS Hooks.
Ajay Yadav
@ATechAjaySep 4
R.I.P. CSS-in-JS. R.I.P. 400 lines of media queries. R.I.P. to useState just to track a hover. The browser now does it all natively. 7 modern CSS features that deleted my old code 👇
1
257
Wait…no @\stylexjs/babel-plugin? That's right. You can see the whole styling system right there in App.tsx. No extra build step needed.
Nick Saunders
@agilecoderAug 26
@\starting-style is a game-changer indeed. I recently added support to CSS Hooks, so you can use it without even leaving the style prop!
693
We believe styling should be expressive, colocated, and predictable. Today, we take that mission a step further with a new look designed to be as modern as the code CSS Hooks enables you to write. Experience the evolution in the first reply. 👇
1
1
6
318
css-hooks.com/?referrer=x&da…

CSS Hooks

css-hooks.com
2
183
CSS Hooks retweeted
JLarky
@JLarky17 Apr 2024
Replying to @sebastienlorber
Inline styles are the best option for most of your apps
1
1
3
946
First @CSSHooks debunked some deeply-held assumptions about the functional limitations of inline styles. And now @danimal_channel challenges the widespread FUD around inline style performance. Maybe it’s time to re-evaluate your styling framework and consider a simpler approach!
Daniel Nagy@danielnagydotme5 Apr 2024
Are inline styles a performance sleeper pick? #webdev #html #css danielnagy.me/posts/Post_tsr…
1
3
10
2,099
Switching to Inline Styles Could Save You 15% or More on Page Speed danielnagy.me/posts/Post_cap…
1
4
624
What inline styles can do in 2024
Nick Saunders
@agilecoder13 Mar 2024
Material Design-inspired text field 👉 No state 👉 No side effects 👉 Full style encapsulation 👉 2 reusable hooks (188 bytes of CSS) codesandbox.io/p/devbox/gith…
1
894
You either die writing CSS or you live long enough to see yourself writing inline styles. — @danimal_channel
1
1
3
889
When everything else has bugs, you accept the performance hit (assuming it even matters).
Ryan Florence
@ryanflorence27 Feb 2024
Replying to @agilecoder @thdxr
Because everything else has bugs and the performance hit is rarely observed (I’ve never seen it matter and I flush sync with state at the root all the time)
649
CSS Hooks v2 in a nutshell
This Post is from an account that no longer exists. Learn more
2
621
Replying to @gregwilker
How do you change an element's background color on hover with inline styles?
6
4
1
216
30,123
v2 has landed with a more composable model for hooks, adding flexibility and promoting reuse. With locally-defined combinational logic, you can invert a hook or combine it with other hooks using and/or operators. Check out the details on the new website! css-hooks.com

CSS Hooks

css-hooks.com
2
6
24
2,286
P. S. Not a fan of the new API? You can still upgrade with a little help from github.com/nsaunders/css-hoo….

GitHub - nsaunders/css-hooks-basic: A simplified CSS Hooks API for basic use cases

A simplified CSS Hooks API for basic use cases. Contribute to nsaunders/css-hooks-basic development by creating an account on GitHub.

github.com
1
242
As of today's v1.8 release, CSS Hooks supports @supports!
2
432
v1.7 is out! The `css` function now accepts a variable number of style object arguments, merging them in a more predictable manner than spreading. Enabling the new `sort` option ensures that the last declaration in input order always has the highest priority. Default in v2?
10
648
Are you a @QwikDev in need of a simple styling solution? We've got you covered with our latest framework integration. Visit our website to get started...quick. 🙃 css-hooks.com
1
6
2
25
6,057
We recently published v1.4 featuring a new "recommended" hooks API that offers a convenient way to configure pseudo-class and media query hooks - with more options to come! All hooks are now opt-in, further reducing the size of your style sheet. Ours went from ~3.5kB to ~0.6kB!
2
2
2
38
11,675
This comes with one caveat, which is that you'll need to upgrade to TypeScript v5.3 to use the new `recommended` function. If you can't upgrade yet, don't worry: The existing `createHooks` API remains unaffected.
1
4
702
We'd like to extend a special thanks to @markdalgleish for the general design of this API!
1
10
638
Load more