Web Components
- Веб-компоненты: светлое настоящее: презентация, видео
- Диалог:
— Невыполненные обещания веб-компонентов
— Размышления по поводу невыполненных обещаний веб-компонентов - Awesome: Web Components
- Веб-компоненты: взгляд в будущее
- Как вы можете использовать отзывчивые веб-компоненты сегодня
- Понятно и просто про веб-компоненты и Polymer
- MDN: Web Components
- Are We Componentized Yet?
- Web Components Best Practices
- Видео курс HTML5 Web Components
- Can I use: Web Components
- Chrome Platform Status
- Write web components with ES2015 (ES6) (пример, исходники)
- How to Make Accessible Web Components (пример, исходники)
- The Gold Standard Checklist for Web Components
Custom Elements
- Custom Elements v1: Reusable Web Components
- Custom Elements v0 vs v1:
All about HTML Custom Elements
What’s New in Custom Elements - Introducing Custom Elements
- Writing a JavaScript Framework - The Benefits of Custom Elements
- https://html.spec.whatwg.org/multipage/scripting.html#custom-elements
- https://onsen.io/blog/create-reusable-future-proof-ui-components-with-custom-elements-v1-web-components/
- https://docs.google.com/presentation/d/179IRXRFmDGb3P60OVsoAIsElcaOp__5EuIWLcL8oNos
Shadow DOM
- Shadow DOM v1: Self-Contained Web Components
- Shadow DOM v0 vs v1:
What’s New in Shadow DOM v1 - Introducing Slot-Based Shadow DOM API
Позвольте представить, Shadow DOM API на основе слотов - The slot element
- Styling Web Components Using A Shared Style Sheet
HTML Imports
HTML Templates
Web Components && React
- React. Using Web Components in React. Using React in your Web Components
- Complementarity of React and Web Components
- React Integration
- React Inject Change Events
- Component Interop With React And Custom Elements
Web Components && Angular
- Using Polymer WebComponents with Angular.js (пример)
- View encapsulation in angular
- Angular 2 Integration
- Custom Element Inter-op with Angular
Web Component - based frameworks
Web Components: примеры
Polymer
- Awesome: Polymer
- Polymer Starter Kit
- Веб-компоненты в реализации Polymer от Google
- Понятно и просто про веб-компоненты и Polymer
- Наследование и композиция с Polymer
- About Polymer 2.0
- Polymer 2.0: Feature Overview
- Shady DOM:
— What is shady DOM?
— Теневой DOM (Shady DOM)
Polymer: каталоги элементов
- webcomponents.org
- Free Polymer Themes & Templates
- Google Web Components A collection of web components for Google APIs & services. Built with Polymer.
- Polymer Catalog
- Custom Elements
CDN
Проекты:
- Google Earth: анонс
- Новый интерфейс Youtube: анонс, как включить
- Youtube Gaming, Google Music, Google Sites, Zeplin.io
Примеры:
- Polymer Summit on Codelabs Google Developers: 2015, 2016
- PWA Google I/O 2016: анонс, исходники
- PWA Polymer News: анонс, документация к проекту, исходники