Building Progressive Web Apps with React

on YouTube ↗01h 00m

" summary

A small React app (spun up with create-react-app) serves the NDC Porto agenda, fetches day0/day1 JSON with Axios, and adds a service worker that first uses service worker cache-only vs network-first strategies so the site loads and navigates while offline. Chrome DevTools and a Lighthouse audit show performance jumping from ~78 to 98 after npm run build and minification; PWA score starts at ~42. Manifest enables Add to Home Screen; push notifications are implemented with VAPID but the live demo is flaky.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 3:52Progressive Web Apps to the rescue!
3. 4:13What is a PWA?
4. 4:54RELIABLE FAST ENGAGING
5. 6:16Demo
6. 18:20Service Workers
7. 40:06A manifest describes your web page in an application context

" related talks

• 59mProgressive React AppsSebastian Springer · iJS 2018 Spring
• 23mBuilding a Progressive Web AppKirupa Chinnathambi · Front-Trends 2017
• 31mFrom Website to Progressive Web AppPete LePage · Google Developer Days India 2017
• 33mFrameworks and Tools for Progressive Web AppsRowan Merewood · Google Developer Days India 2017
• 25mBulding (Progressive) Web AppsMichael Solati · Conf42 JavaScript 2020
• 18mPWA with ReactNeeraj Singh · ReactFoo Pune 2018
• 33mProgressive Web Apps - the Angular waySimona Cotin · Uphill Conf 2018
• 17mLet's Build a Progressive Web Appuve · DeltaV Conference 2018