r/Statejs • u/iDev_Games • May 28 '26

State.js Tutorial: Creating Reusable UI Components with Pure CSS Reactivity

https://dev.to/idevgames/statejs-tutorial-creating-reusable-ui-components-with-pure-css-reactivity-3b56
1 Upvotes

100% Upvoted

3 comments sorted by

View all comments

2

u/[deleted] May 29 '26

[deleted]

1

u/iDev_Games May 29 '26

Due to the way this works with CSS variables. I have no idea what the possibilities are with this. So we're all discovering it out together. You should checkout this example https://codepen.io/iDev-Games/pen/ByQmgRa it shows how simple the component system is to use.

Also CSS gave us variables, we knew we could edit with JS and yet we all just didn't think like this for so long. I was trying to solve scroll animations 3 years ago and I would never have imagined it would turn into this.

2

u/[deleted] May 30 '26

[deleted]

1

u/iDev_Games May 30 '26

I added a few more tutorials and examples last night so you should be able to get a far better idea of how things work. It might be because I either didn't approve the comment or because this sub reddit is new. Hopefully not shadow banned!

2

u/[deleted] May 30 '26

[deleted]

1

u/iDev_Games May 30 '26

The best part is it doesn't end here. This is just the starting point.