How I learned to stop worrying and love the Polymer toolbox
summary
A working PWA called mojibrag is built in three days using the Polymer toolbox and Firebase: Polymer CLI Starter Kit, Firebase + Polymerfire for auth/db/storage, firebase-query feeding app-indexeddb-mirror for offline persistence, a service worker, and iron-list for performance. Lazy imports via importHref and navigator.online drive conditional UI. App-localize-behavior adds translations; five channels are created in four days. Lighthouse scores 88; cold 3G load shrinks from ~8s to ~4s after first-paint tricks. Properties go down, events go up.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 0:47App goals and features
- 4:29Building the app layout
- 6:50Implementing authentication
- 8:36Database and offline data
- 11:39App architecture and design
- 13:50Unidirectional data flow
- 15:43Offline functionality
- 17:43Performance optimization
- 20:13Lighthouse and loading UX
- 24:14Internationalization
- 26:23Summary and conclusion
related talks
39mProgressive web apps with Polymer
01h 48mIntro to Web Components & Polymer Workshop
33mEnd to End Apps with Polymer
48mBuilding Progressive Web Apps with Spring Boot and Polymer
52mBuilding Real-Time Applications with Polymer and Firebase
30mBuilding a PWA using Polymer
01h 00mAn Introduction to Web Components and Polymer
22myo polymer