Nick Saunders

Creator of @CSSHooks - UI/UX and FP focus

[Nick Saunders @agilecoder]

@richardbakker_ @theCTO Do they miss the point, or are they trying to avoid it?

[Nick Saunders @agilecoder]

@Savlambda The HTML DSL is purescript-smolder. The styling DSL is a mashup of purescript-tecton and @CSSHooks - so, strict typing and no side effects. I haven't published it; but, if there's interest, I certainly could.

[Nick Saunders @agilecoder]

Heyyy... CSS Hooks works pretty well in PureScript

[Nick Saunders @agilecoder]

@samuelcook This happens to me too!

[Nick Saunders @agilecoder]

@BrandonMathis @sickdotdev I would imagine that memorizing the syntax (or constantly looking it up in the docs) takes a lot of work.

[CSS Hooks @CSSHooks]

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

[Nick Saunders @agilecoder]

design tokens are for designers

[Nick Saunders @agilecoder]

New framework strategy: "We've fixed all of React's problems! But to make sure you feel at home, we're keeping JSX."

What nobody realizes is that JSX is an anchor, not a lure.

[Nick Saunders @agilecoder]

https://t.co/HLsyxu3cDF

[Nick Saunders @agilecoder]

Just finished migrating the @remix_run v3 bookstore demo from JSX to Renuel. It now runs natively in Node.js without tsx.

[Nick Saunders @agilecoder]

@asheshjyotii div(
{ id: "parent" },
div({ id: "child" }, h1$("I'm h1 tag"), h2$("I'm h1 tag")),
div({ id: "child2" }, h1$("I'm h1 tag"), h2$("I'm h1 tag"))
)

[Nick Saunders @agilecoder]

https://t.co/R1kKc3KEaD

[Nick Saunders @agilecoder]

After ditching JSX, polymorphic components are no longer a headache. Aside from terser syntax, you can avoid prop collisions, excess props, and other pitfalls of the `as` and `asChild` props.

[Nick Saunders @agilecoder]

jsx is great until you hit a .map()

[Nick Saunders @agilecoder]

The @remix_run team gets it:

"Designing for bundlers/compilers/typegen (and any pre-runtime static analysis) leads to poor API design that eventually pollutes the entire system."

Can't wait to check out v3!

[Nick Saunders @agilecoder]

TIL Pigment CSS is on ice because extra build steps are too much of a burden. Wishing @MUI_hq the best in their search for a low-friction styling solution with RSC support.

[Nick Saunders @agilecoder]

just found a new pattern for polymorphic components that doesn't compromise on type safety _or_ convenience

[Nick Saunders @agilecoder]

no css
no jsx
no idea why y'all make it so hard

[Nick Saunders @agilecoder]

quick update regarding @CSSHooks

NO, it's not dead.

a lot of people are wondering why it doesn't receive daily updates like all the other styling solutions out there...

simple - because it "just works".

no need to mess with it.

[Nick Saunders @agilecoder]

@asilvadesigns Why not?