Offline first in Angular
summary
Shows a concrete path: run ng add @angular/pwa to cache static assets, add an app shell for fast first paint, and wire PouchDB in the browser with a PouchDB server and PouchDB and CouchDB sync to reconcile local edits. Demonstrates CRUD implemented locally, subscribing to change feeds, and a ten-refresh benchmark that cuts load metrics by ~20% with the app shell. Includes npm package choices, IndexedDB caveats, and real-world apps for offline clinical and calendar use.
AI-written summary · about
chapters (28)
- 0:00Introduction
- 1:52Martas background
- 3:17The plan
- 4:02Negative energy
- 5:16Offline first
- 6:10Developers perspective
- 6:42Advantages
- 7:38First approach
- 8:44Offline storage
- 9:47File API
- 11:54Quota Manager
- 12:11Dev Tools
- 12:35Pardeep
- 12:51IndexDB
- 13:38Practical part
- 14:00Angular PWA
- 15:26Remote Database
- 15:46Basic Operations
- 16:08Option Model
- 16:30HTML CSS
- 16:52Angular Generate
- 17:11Upgrade JSON
- 17:37Test
- 18:10Performance
- 18:36Example
- 19:13CozyCode
- 19:41Sum up
- 20:11PWI
related talks
14mOffline first applications, syncing with PouchDB & CouchDB
37mOffline web applications don't exist anymore!
22mOffline Angular app in action
41mOffline Web Apps don't exist anymore!
58mOffline Second
37mAngular PWA: crafting apps that adapt anywhere
30mOffline First: Making Your App Awesome When the Network Isn't
35mProgressive Web Apps with Angular 2