Web Components without Frameworks: Productivity, Speed & Independence
summary
Builds a small app from scratch using ES6 modules, BrowserSync and Snowpack to pull dependencies into a web_modules folder, adds a Vaadin router and a Redux store, and renders UI with lit-html. Integrates SAP UI5 and Vaadin date pickers side by side, wires events to read selected dates, and has routing and JSON fetching working in about 45 minutes. Claims vanilla Web Components are fast, framework‑independent, used by major companies, and result in a ~50 KB dependency payload for the demo.
AI-written summary · about
chapters (23)
- 0:00Start
- 4:13Esm Es6 Modules
- 5:30Create the Component
- 6:52Install the Router
- 7:24Install the Vadin Router
- 7:54Install Devmode Snowpack
- 16:52Install the Web Components
- 18:26Integrate the Date Picker
- 34:45Router
- 35:39Redux
- 37:50Lion Web Components
- 38:42Fetch Api
- 39:29Vanilla Gs
- 39:58Spectrum Web Components
- 40:19Action Button
- 40:59What's the Advantage over Angular React Solutions
- 42:42Is It Possible To Convert Legacy Jquery Components to Web Components
- 43:56What Is the Future of Jsf Development if Web Components Go Mainstream
- 44:31Future of Gsf
- 46:44Scale Scalability
- 48:13Are There any Browser Version Limitations
- 48:48Which Library Frameworks You Use for Testing
- 49:00Can I Use Web Components with Vue Js
related talks
41mThe Future is Now: Web Apps Productivity without Frameworks#slideless.
47mModern web with Web Components and Java
01h 00mProgressive Web Apps without frameworks #nomigrations #webstandards #noslides
30mVanilla JS: You Might Not Need that Library
20mAvoiding vendor lock-in through Web Components
41mComponents Approach to Building Web Apps
29mWhy the web makes sense for business apps
48mWeb Components as micro apps