> Markdown version of [/videos/289-pwas-in-2021?t=0](https://www.wearedevelopers.com/videos/289-pwas-in-2021?t=0). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# PWAs in 2021

Stop duplicating effort across siloed native codebases. Discover how modern PWAs leverage advanced APIs, offline-first architectures, and seamless app store deployments to maximize your engineering velocity.

- **Speakers:** Ire Aderinokun
- **Event:** JavaScript Congress
- **Published:** November 23, 2021
- **Duration:** 41:49
- **URL:** https://www.wearedevelopers.com/videos/289-pwas-in-2021

## Summary

Progressive Web Apps (PWAs) have evolved significantly since their introduction, bridging the major gap between the expansive reach of the web and the robust capabilities of native applications. Driven heavily by cross-company initiatives like Project Fugu, modern PWAs now support advanced web APIs that allow developers to build deeply interactive experiences. These applications can frictionlessly leverage push notifications, app badging, and seamless web sharing alongside deep OS integrations like the file system access API and local contact pickers. However, despite this rapid capability expansion, developers must still navigate a somewhat fragmented browser ecosystem where Apple's iOS Safari frequently lags in standardizing these critical features, requiring thoughtful progressive enhancement.

Reliability forms the backbone of any mature PWA, fundamentally shifting the web from an internet-dependent model to an offline-first architecture. Service workers have reached widespread browser maturity and are vastly easier to manage today thanks to libraries like Workbox, which provides powerful, out-of-the-box recipes for static asset caching, offline analytics tracking, and background data synchronization. By adopting the app shell model—where core UI assets are permanently cached and dynamic content loads incrementally—companies like Twitter have recorded steep reductions in bounce rates and storage limits while delivering near-instant perceived load times. In addition to raw performance gains, shifting to web primitives ensures developers inherently benefit from mature accessibility standards like WCAG without duplicating effort across siloed native codebases.

Today's PWAs also offer fully customized installation flows and seamless system behavior, moving far beyond the simplistic "add to home screen" era. On Android, technologies like WebAPKs automatically wrap installed web experiences into standard application packages that surface in the app drawer and intercept domain-level native intents. Furthermore, utilities like PWABuilder and Trusted Web Activities (TWAs) empower frontend teams to directly publish web applications into the Microsoft Store and Google Play. Ultimately, treating native-versus-web as a rigid dichotomy limits engineering velocity. Teams can strategically mix and match ecosystems, deploying dynamically updated PWAs for standardized views while bridging into tools like React Native strictly for hardware-specific interactions.

**Keywords:** project fugu web capabilities, service worker lifecycle debugging, workbox offline caching recipes, app shell model performance, web push api implementation, file system access api pwa, trusted web activities twa, webapk android integration, progressive enhancement strategies, pwa custom installation flow, microsoft store pwa deployment, web share target integration, background fetch periodic sync, hybrid react native architectures, cross-platform ios pwa compatibility

## Chapters

1. **Bridging the gap between native and web apps** (00:00) — Progressive web apps combine accessible browser reach with the rich capabilities generally restricted to native environments.
1. **Core features defining a progressive web app** (01:17) — The fundamental requirements of a modern web application revolve around progressive enhancement, dependable reliability, and system installability.
1. **Early API limitations and service worker challenges** (03:14) — Initial web app development struggled with fragmented browser support and restrictive service worker lifecycle obstacles.
1. **Expanding browser capabilities with modern web APIs** (05:08) — Hardware access and native operating system integrations are actively expanding through collective API deployment initiatives.
1. **Achieving application reliability and offline accessibility** (15:05) — Implementing service workers, offline-first storage patterns, and application shells guarantees resilient loading behaviors across diverse networking bounds.
1. **Controlling installation flows and native app integrations** (21:55) — Distributing streamlined internet experiences involves integrating customized installation events, manifest enhancements, and automatic native bundle generation.
1. **Future directions for web application feature parity** (29:37) — Achieving absolute functional equivalence with installed software relies on enforcing cross-platform ecosystem standards among emergent programmatic capabilities.
1. **Addressing ecosystem constraints and deployment strategies** (31:57) — Hybrid engineering configurations alleviate varying device constraints and vendor hesitation while safely balancing intermittent background synchronization demands.

## Related Moments

- [Introduction to progressive web apps](https://www.wearedevelopers.com/videos/453-is-your-progressive-web-app-lazy-how-to-read-and-improve-your-pwa-performance) (from "Is your Progressive Web App Lazy? How to read and improve your PWA Performance")
- [PWA adoption models and bridging native capabilities](https://www.wearedevelopers.com/videos/293-native-web-apps-are-we-there-yet) (from "Native Web Apps: Are We There Yet?")
- [Defining progressive web apps and their core advantages](https://www.wearedevelopers.com/videos/45-progressive-web-apps-the-next-big-thing) (from "Progressive Web Apps - The next big thing")
- [Key features and characteristics of progressive web apps](https://www.wearedevelopers.com/videos/212-pwa-fundamentals-websites-with-superpowers) (from "PWA Fundamentals: websites with superpowers")
- [Core capabilities of progressive web applications](https://www.wearedevelopers.com/videos/832-project-fugu-extending-the-web) (from "Project Fugu: Extending the web")
- [Mandatory technical requirements for PWAs](https://www.wearedevelopers.com/videos/453-is-your-progressive-web-app-lazy-how-to-read-and-improve-your-pwa-performance) (from "Is your Progressive Web App Lazy? How to read and improve your PWA Performance")

## Related Articles

- [Native Web Apps: Are We There Yet?](https://www.wearedevelopers.com/magazine/83-native-web-apps-are-we-there-yet)
- [Apple iOS vs. Web Apps affects us all - help the OWA to ensure you can release apps for everyone](https://www.wearedevelopers.com/magazine/389-apple-ios-vs-web-apps-affects-us-all-help-the-owa-to-ensure-you-can-release-apps-for-everyone)
- [Web Development Best Practices: What The Data Tells us](https://www.wearedevelopers.com/magazine/84-web-development-best-practices-what-the-data-tells-us)
- [A Guide to Choosing the Right Tools for App Developers](https://www.wearedevelopers.com/magazine/391-a-guide-to-choosing-the-right-tools-for-app-developers)

## Related Jobs

- [Senior Software Engineer, React (Websites & Martech)](https://www.wearedevelopers.com/jobs/ext/1605272-senior-software-engineer-react-websites-martech) at **Bitpanda**
- [iOS Engineer, Swift/SwiftUI/Combine (B2C Broker)](https://www.wearedevelopers.com/jobs/ext/1611832-ios-engineer-swift-swiftui-combine-b2c-broker) at **Bitpanda**
- [Software Engineer](https://www.wearedevelopers.com/jobs/ext/1304673-software-engineer) at **Bitpanda**
- [Senior Software Engineer, React (Investing & Trading)](https://www.wearedevelopers.com/jobs/ext/1937625-senior-software-engineer-react-investing-trading) at **Bitpanda**
- [Software Engineer](https://www.wearedevelopers.com/jobs/ext/1377585-software-engineer) at **Bitpanda**
- [Senior Software Engineer, Angular (B2C Web Platform)](https://www.wearedevelopers.com/jobs/ext/1927757-senior-software-engineer-angular-b2c-web-platform) at **Bitpanda**