Overview
Explore advanced techniques for creating offline-capable Angular applications using Workbox in this conference talk. Dive into Progressive Web App (PWA) concepts, learn to build an App Shell, and master Angular Service Worker implementation. Discover various working modes, configure build scripts, and understand source service worker intricacies. Gain insights on precaching manifests, build flow integration, and communication options like BroadcastChannel. Examine service worker lifecycle management, route strategies, and efficient deployment practices. Learn to leverage bundlers and essential plugins to optimize your Angular app's offline capabilities.
Syllabus
Intro
Maxim Salnikov
What is PWA at all?
Let's build an App shell
Angular Service Worker
Working modes
Build script configuration
Source service worker
Precaching manifest
Build flow integration
Option #1: BroadcastChannel
Option #2: Service worker lifecycle
Was service worker file updated?
Routes and strategies
Deploying only what we use
Using bundler
Needed plugins
Taught by
JSWORLD Conference