Building a modern web app with vanilla Web Components

Last week, I built a modern pick-a-random-item app using nothing but HTML, CSS, vanilla JS, and Web Components.
This week on my YouTube channel, I continued to build the app out.
This time around I added the ability to remove items from the list or clear the entire thing, and save state from one browsing session to the next. You can watch it here.
One thing you may notice is that I doubled down on storing state in the DOM.


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

Last week, I built a modern pick-a-random-item app using nothing but HTML, CSS, vanilla JS, and Web Components.

This week on my YouTube channel, I continued to build the app out.

This time around I added the ability to remove items from the list or clear the entire thing, and save state from one browsing session to the next. You can watch it here.

One thing you may notice is that I doubled down on storing state in the DOM. It’s the simplest way to handle things in a modern app.

Next week, I’ll be adding ways to customize the app and load it differently in different places. Be sure to subscribe to my YouTube channel if you don’t want to miss it!

☀️🧠 Summer of Learning Sale! Join the Lean Web Club today and get 1 month free, plus 30% off for the first three months after that. Click here to join for free now!


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-06-28T14:30:00+00:00) Building a modern web app with vanilla Web Components. Retrieved from https://www.scien.cx/2024/06/28/building-a-modern-web-app-with-vanilla-web-components/

MLA
" » Building a modern web app with vanilla Web Components." Go Make Things | Sciencx - Friday June 28, 2024, https://www.scien.cx/2024/06/28/building-a-modern-web-app-with-vanilla-web-components/
HARVARD
Go Make Things | Sciencx Friday June 28, 2024 » Building a modern web app with vanilla Web Components., viewed ,<https://www.scien.cx/2024/06/28/building-a-modern-web-app-with-vanilla-web-components/>
VANCOUVER
Go Make Things | Sciencx - » Building a modern web app with vanilla Web Components. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/06/28/building-a-modern-web-app-with-vanilla-web-components/
CHICAGO
" » Building a modern web app with vanilla Web Components." Go Make Things | Sciencx - Accessed . https://www.scien.cx/2024/06/28/building-a-modern-web-app-with-vanilla-web-components/
IEEE
" » Building a modern web app with vanilla Web Components." Go Make Things | Sciencx [Online]. Available: https://www.scien.cx/2024/06/28/building-a-modern-web-app-with-vanilla-web-components/. [Accessed: ]
rf:citation
» Building a modern web app with vanilla Web Components | Go Make Things | Sciencx | https://www.scien.cx/2024/06/28/building-a-modern-web-app-with-vanilla-web-components/ |

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.