Полезные материалы о веб-компонентах
Тред из последнего дня моей недели в @jsunderhood.
Как и обещал, делюсь полезными материалами о веб-компонентах.
— jsunderhood (@jsunderhood) November 14, 2020
Доклад Jan Miksovsky “Creating Customizable Web Components” с описанием некоторых приемов из библиотеки компонентов Elix.https://t.co/0bFil9A8SP
— jsunderhood (@jsunderhood) November 14, 2020
Доклад “Web Component Styling & Theming” от Justin Fagnani. Советую тем, кому интересно больше узнать о приемах стилизации Shadow DOM — я на этой неделе коснулся их лишь в общих чертах.https://t.co/b8XQ2Wav8c
— jsunderhood (@jsunderhood) November 14, 2020
Shadow DOM in depth — неплохое чтиво, где некоторые моменты на мой взгляд изложены чуть более подробно и наглядно, чем на MDN и в учебнике Кантора. Например, хорошо описаны слоты.https://t.co/9ernOcQY0T
— jsunderhood (@jsunderhood) November 14, 2020
Shipping Web Components in 2020 — довольно интересная статья, в которой Joe Pettersson из Banked.js делится опытом использования веб-компонентов для создания встраиваемых виджетов.https://t.co/6xqMkoAnSZ
— jsunderhood (@jsunderhood) November 14, 2020
Looking back on five years of web components — еще более подробная статья от Joe Gregorio о том, как команда Skia попробовала Polymer, но отказалась от него в пользу ванильных кастомных элементов.https://t.co/5yabOMJ4ds
— jsunderhood (@jsunderhood) November 14, 2020
Web Components punch list — простой чеклист доступности для кастомных контролов (в том числе, веб-компонентов) от Steve Faulkner. В качестве примера использован нативный <button>.https://t.co/GVheQdYa5V
— jsunderhood (@jsunderhood) November 14, 2020
Storybook for web components on steroids — статья от Thomas Allmer из проекта Open Web Components о создании storybook-prebuilt: сборки Storybook для разработки на ES-модулях с es-dev-server.https://t.co/WEomDbSv0o
— jsunderhood (@jsunderhood) November 14, 2020
Очень подробная статья от David Lorenz о проблеме реализации изоморфного рендеринга веб-компонентов на примере Vue.https://t.co/JoARxXwxLn
— jsunderhood (@jsunderhood) November 14, 2020
Статья от Jan Miksovsky о нюансах, которые нужно учитывать и о задачах, которые приходится решать, создавая свой combo-box.https://t.co/FXxcy5gI2w
— jsunderhood (@jsunderhood) November 14, 2020
Много статей и примеров есть в подборке Web Components the Right Way — это awesome-list, который я мейнтейню уже почти два года.https://t.co/hyunRFHINY
— jsunderhood (@jsunderhood) November 14, 2020