The PWA Kit 2019 is list of resources for building modern PWA apps based on new browser W3C standard Web Components.
In the last several years, the component-based model for web application development was popularized, and the JavaScript community blossomed with a wide variety of libraries and approaches. Work on standardizing the web’s native component model began at Google in 2012, and after several years of open development, was successfully implemented across all major browsers in 2019.
Web components provide a standards-based solution to problems like reusability, interopability, and encapsulation. Using the browser's native component model will increase the longevity of your application. The web has an extremely strong tradition of backwards-compatibility, as standards bodies have consistently gone out of their way to maintain legacy APIs.
- Web components: from zero to hero
- Lets Build Web Components!
- Web Fundamentals - Building Components
- LitElement To Do App - And, how it compares to React as well as Vue.
- open-wc.org/ide
- Fira Code - Monospaced font with programming ligatures.
- Custom Elements Everywhere - Making sure frameworks and custom elements can be BFFs.
- HNPWA - Hacker News readers as Progressive Web Apps.
- PWA Stats - A community-driven list of stats and news related to Progressive Web Apps.
- Web Components the Right Way - This is a guide intended to introduce to Web Components.
- Awesome lit-html - A curated list of awesome lit-html resources.