Going Progressive with Ember

on YouTube ↗26m

" summary

Shows how to make an Ember app a real PWA: add an app manifest to get an icon and splash, register a service worker to cache assets and serve content offline, and use local storage strategies (localForage or ember-local-storage and ember-pouch backed by PouchDB/CouchDB) to let users create while offline and sync later. Use FastBoot for server-rendered first meaningful paint and Ember Engines for lazy-loaded JS (note current friction between Engines and FastBoot). Lighthouse scores improve; Safari still lacks service worker support.

AI-written summary · about

" chapters (18)

1. 0:00Isle of Code
2. 1:47The Web Ahead
3. 2:24PROGRESSIVE WEB APP?
4. 3:43LOOKS GOOD?
5. 4:24INSTALLS ON DEVICE?
6. 7:52WORKS OFFLINE?
7. 10:43BACKGROUND SYNC
8. 12:10ember-service-worker-asset-cache ember-service-worker-index
9. 17:59Ember data adapter for local forage
10. 18:42Ember Data for PouchDB/ CouchDB
11. 20:03FIRST PAGE RENDER
12. 20:30Server side rendering
13. 21:08SECOND PAGE RENDER
14. 21:29TIME TO INTERACTION
15. 22:33TOOLS
16. 24:56BACK TO THAT DREAM...
17. 25:292. IT IS DOABLE WITH EMBER
18. 25:58WE NEED YOUR HELP!

" related talks

• 11mPWA's with EmberGarret Alfert · EmberFest 2022
• 18mFrom the browser to the home screen - PWAing your Ember appKevin Pfefferle · EmberFest 2018
• 23mBuilding a Progressive Web AppKirupa Chinnathambi · Front-Trends 2017
• 59mProgressive React AppsSebastian Springer · iJS 2018 Spring
• 17mProgressive Angular 2 appsCiro Nunes · NG Poland 2016
• 33mCreate app like experiences with Progressive Web AppsAlexandru Bularca · Voxxed Days Bucharest 2016
• 46mIntro to Progressive Web AppsKyle Paul · DevFestMN 2018
• 17mLet's Build a Progressive Web Appuve · DeltaV Conference 2018