Can I add stated-based UI to a Web Component?

Continuing my series of videos on Web Components, this week, I converted the tic-tac-toe app I built last week to use state-based UI under-the-hood.
Frankly, I’m not convinced this is actually better or easier than manual DOM manipulation.
There does come a point where managing the UI this way is simpler, but for me, that’s usually when lots of separate UI components are all updating themselves based on a shared piece of data.


This content originally appeared on Go Make Things and was authored by Go Make Things

Continuing my series of videos on Web Components, this week, I converted the tic-tac-toe app I built last week to use state-based UI under-the-hood.

Frankly, I’m not convinced this is actually better or easier than manual DOM manipulation.

There does come a point where managing the UI this way is simpler, but for me, that’s usually when lots of separate UI components are all updating themselves based on a shared piece of data.

If there’s something you’d like me to build in the future, let me know!

🎉 Preorder Getting Sh!t Done today and get 40% off! Be more productive, get more done, and feel more in-control of your work and life. Click here to learn more.


This content originally appeared on Go Make Things and was authored by Go Make Things


Print Share Comment Cite Upload Translate Updates
APA

Go Make Things | Sciencx (2024-08-01T14:30:00+00:00) Can I add stated-based UI to a Web Component?. Retrieved from https://www.scien.cx/2024/08/01/can-i-add-stated-based-ui-to-a-web-component/

MLA
" » Can I add stated-based UI to a Web Component?." Go Make Things | Sciencx - Thursday August 1, 2024, https://www.scien.cx/2024/08/01/can-i-add-stated-based-ui-to-a-web-component/
HARVARD
Go Make Things | Sciencx Thursday August 1, 2024 » Can I add stated-based UI to a Web Component?., viewed ,<https://www.scien.cx/2024/08/01/can-i-add-stated-based-ui-to-a-web-component/>
VANCOUVER
Go Make Things | Sciencx - » Can I add stated-based UI to a Web Component?. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/08/01/can-i-add-stated-based-ui-to-a-web-component/
CHICAGO
" » Can I add stated-based UI to a Web Component?." Go Make Things | Sciencx - Accessed . https://www.scien.cx/2024/08/01/can-i-add-stated-based-ui-to-a-web-component/
IEEE
" » Can I add stated-based UI to a Web Component?." Go Make Things | Sciencx [Online]. Available: https://www.scien.cx/2024/08/01/can-i-add-stated-based-ui-to-a-web-component/. [Accessed: ]
rf:citation
» Can I add stated-based UI to a Web Component? | Go Make Things | Sciencx | https://www.scien.cx/2024/08/01/can-i-add-stated-based-ui-to-a-web-component/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.