Как и обещал, делюсь полезными материалами о веб-компонентах.
Доклад Jan Miksovsky “Creating Customizable Web Components” с описанием некоторых приемов из библиотеки компонентов Elix.
youtu.be/O0Y5QaZPIek
Доклад “Web Component Styling & Theming” от Justin Fagnani. Советую тем, кому интересно больше узнать о приемах стилизации Shadow DOM — я на этой неделе коснулся их лишь в общих чертах.
youtu.be/FM7ROEVPA4k
Shadow DOM in depth — неплохое чтиво, где некоторые моменты на мой взгляд изложены чуть более подробно и наглядно, чем на MDN и в учебнике Кантора. Например, хорошо описаны слоты.
github.com/praveenpuglia/…
Shipping Web Components in 2020 — довольно интересная статья, в которой Joe Pettersson из Banked.js делится опытом использования веб-компонентов для создания встраиваемых виджетов.
medium.com/@banked/shippi…
Looking back on five years of web components — еще более подробная статья от Joe Gregorio о том, как команда Skia попробовала Polymer, но отказалась от него в пользу ванильных кастомных элементов.
bitworking.org/news/2019/07/l…
Web Components punch list — простой чеклист доступности для кастомных контролов (в том числе, веб-компонентов) от Steve Faulkner. В качестве примера использован нативный <button>.
developer.paciellogroup.com/blog/2014/09/w…
Storybook for web components on steroids — статья от Thomas Allmer из проекта Open Web Components о создании storybook-prebuilt: сборки Storybook для разработки на ES-модулях с es-dev-server.
dev.to/open-wc/storyb…
Очень подробная статья от David Lorenz о проблеме реализации изоморфного рендеринга веб-компонентов на примере Vue.
itnext.io/a-deep-analysi…
Статья от Jan Miksovsky о нюансах, которые нужно учитывать и о задачах, которые приходится решать, создавая свой combo-box.
component.kitchen/blog/posts/bui…
Много статей и примеров есть в подборке Web Components the Right Way — это awesome-list, который я мейнтейню уже почти два года.
github.com/mateusortiz/we…