PWA & Front-end Frameworks
summary
Progressive Web Apps here rely on service workers to cache static assets and dynamic API responses so the site is usable offline after the second visit and loads near-instantly, with Workbox CLI generating SW and runtime caching rules, and the service worker file living at the app root. Framework tooling supports this: ngsw-manifest.json for Angular service worker, create-react-app and Vue CLI emit manifest and SW, Webpack dynamic import and bundle-analyzer enable code splitting, and the app shell plus preload/prefetch and HTTP/2 server push improve perceived speed.
AI-written summary · about
chapters (26)
- 0:00Start
- 1:34Concept of Progressive Web Apps
- 2:10Progressive Web App
- 2:52Lighthouse
- 4:23Responsiveness
- 5:02Css
- 7:27What Is Serviceworker
- 8:43Register a Serviceworker
- 10:26Strategy for Dynamic Content
- 11:04Pwi Offline in Storage
- 13:10Caching Strategy for Static Assets
- 20:23Good Practices
- 22:42Code Splitting
- 24:04Preload Prefetch
- 25:06Server Push
- 25:36Server-Side Rendering
- 26:20Frameworks
- 27:14Angular Service Worker
- 29:36Lazy Loading
- 30:14Bundle Optimization
- 30:39React
- 31:54Dynamic Import
- 35:19Application Structure
- 35:40Glimmer
- 37:39Debugging Service Worker
- 38:21Pwa Builder
