Sandro Maglione
@sandromaglione.bsky.social
The Coding Explorer 💻・Sharing patterns to build type-safe web & mobile apps・Typescript・Effect・React・XState
Helping devs at http://typeonce.dev 🚀
Helping devs at http://typeonce.dev 🚀
👉 className instead of variants
Extract variants as `utility` and compose styles as classes instead of props
Extract variants as `utility` and compose styles as classes instead of props
December 23, 2024 at 4:01 PM
👉 className instead of variants
Extract variants as `utility` and compose styles as classes instead of props
Extract variants as `utility` and compose styles as classes instead of props
👉 HTML custom data attributes
Define states as `data-` attributes, and then reference them easily as tailwind classes
Use the new `variant` to clean all up as well
Define states as `data-` attributes, and then reference them easily as tailwind classes
Use the new `variant` to clean all up as well
December 23, 2024 at 4:01 PM
👉 HTML custom data attributes
Define states as `data-` attributes, and then reference them easily as tailwind classes
Use the new `variant` to clean all up as well
Define states as `data-` attributes, and then reference them easily as tailwind classes
Use the new `variant` to clean all up as well
👉 Inline CSS variables
Define dynamic values as local/inline CSS variables, and reference them as a static tailwind classes
Define dynamic values as local/inline CSS variables, and reference them as a static tailwind classes
December 23, 2024 at 4:01 PM
👉 Inline CSS variables
Define dynamic values as local/inline CSS variables, and reference them as a static tailwind classes
Define dynamic values as local/inline CSS variables, and reference them as a static tailwind classes
Playground: www.typescriptlang.org/play/#code/P...
TS Playground - An online editor for exploring TypeScript and JavaScript
The Playground lets you write TypeScript or JavaScript online in a safe and sharable way.
www.typescriptlang.org
December 8, 2024 at 3:13 PM
Playground: www.typescriptlang.org/play/#code/P...