Polydex: Building a Fast Progressive Web Application with Web Components

on YouTube ↗37m

" summary

Shows how to build a fast Progressive Web App using Web Components and Polymer by implementing a Pokédex and following the PRPL pattern. Explains producing and serving multiple builds (e.g., ES6 vs ES5) so each browser receives the most capable bundle it supports.

AI-written summary · about

" chapters (15)

1. 0:00Introduction
2. 2:29What is a PWA
3. 4:15Web Components & Polymer
4. 7:29Lighthouse audit
5. 8:33JS performance issue
6. 10:41PRPL pattern
7. 12:50App structure
8. 16:36Service Worker & cache
9. 18:41Production prep
10. 20:49HTTP/2 & Server Push
11. 24:21Server-side rendering
12. 26:30Polymer CLI setup
13. 27:55Deploy to App Engine
14. 28:59Lighthouse results
15. 30:02Q&A

" related talks

• 39mProgressive web apps with PolymerMartin Splitt · JavaScript fwdays'17
• 30mBuilding a PWA using PolymerAshrith Kulai · JSFoo 2017
• 33mEnd to End Apps with PolymerKevin Schaaf · Polymer Summit 2017
• 41mComponents Approach to Building Web AppsVinci Rufus · Meta Refresh 2015
• 48mBuilding Progressive Web Apps with Spring Boot and PolymerMatti Tahvonen · Spring I/O 2016
• 01h 48mIntro to Web Components & Polymer WorkshopChris Lorenzo, John Riviello · Node+JS Interactive 2018
• 28mPolymer and Web ComponentsTaylor Savage · Google Developer Days India 2017
• 01h 12mMake Web Development Fun Again, with Web ComponentsBryan Ollendyke, Michael Potter · DrupalCamp NJ 2019