Progressive Web Apps without frameworks #nomigrations #webstandards #noslides
summary
Claims that you can build a Progressive Web App with no frameworks, no local build, and no transpilation, then demos it: creates Web Components with ES6 modules and plain CSS, uses Web Components, lit-html and fetch API, wires services with custom events, adds Vaadin router and a Tabulator grid inside Shadow DOM, runs BrowserSync for live reload, Rollup only for packaging, and runs Cypress tests; small demo hiccups occur but the app works end to end.
AI-written summary · about
chapters (15)
- 0:00Start
- 2:51Web Standards
- 6:19Framework versus Libraries
- 9:36Web Components
- 10:35Third-Party Libraries
- 14:35Code Splitting
- 16:21Set Up Web Standards Projects
- 17:08Browser Sync
- 25:09Activate Modules
- 30:51Resource Hints
- 36:02Events Custom Events
- 43:36Roll Up Gs
- 51:47Build Your Own Router
- 52:08Questions
- 56:45Shadow Dom
related talks
01h 02mWeb Apps without Frameworks
41mThe Future is Now: Web Apps Productivity without Frameworks#slideless.
51mWeb Components without Frameworks: Productivity, Speed & Independence
26mProgressive Web Apps Are Easy Now - Or Are They
39mProgressive web apps with Polymer
11mWhat's inside the term 'progressive web apps'
41mComponents Approach to Building Web Apps
46mFuture-proof your Web Apps with Web Components and LitElement