Polymer and Web Components

on YouTube ↗28m

" summary

Web Components plus the Polymer library claim to move component behavior into the browser so pages ship less JavaScript and boot faster on slow mobile networks. Examples include a declarative google-map element that accepts lat/long and child markers, a paper-toolbar material UI component, and an ES6 class API in Polymer 2.0. Polyfills target IE11 and Safari 9. Adoption numbers are concrete: over 4 million pages and 500+ Google projects including YouTube.

AI-written summary · about

" chapters (16)

1. 0:00Introduction
2. 0:35Background
3. 3:55Polymer Project
4. 4:25Building a Better Web
5. 5:15Lack of Interoperability
6. 6:45Mobile overhead
7. 8:32Select element
8. 11:15extensible web manifesto
9. 15:11polymer web components
10. 16:39Google map marker
11. 18:40What is Polymer
12. 19:30How to use Polymer
13. 20:50How to use DOM modules
14. 22:05How to use shadow DOM
15. 25:13Browser Support
16. 26:48Wrap Up

" related talks

• 01h 00mAn Introduction to Web Components and PolymerJeff Posnick · Philly ETE 2016
• 51mPolymer Beyond Web ComponentsBorja Godoy Gago · Codemotion Madrid 2017
• 19mWeb ComponentsJeff Tapper · FITC Web Unleashed 2014
• 01h 48mIntro to Web Components & Polymer WorkshopChris Lorenzo, John Riviello · Node+JS Interactive 2018
• 41mComponents Approach to Building Web AppsVinci Rufus · Meta Refresh 2015
• 48mPolymer – Lego for the WebRadu Enuca · Voxxed Days Bucharest 2018
• 14mOpening RemarksWENDY GINSBURG · Polymer Summit 2017
• 30mPolymer + Webpack: Bringing Web Components to a Framework Near YouChad Killingsworth · Polymer Summit 2017