Оглавление
Часть I
- Первые шаги
- 1 Фреймворк без фреймворка
- 2 Ваш первый веб-компонент
- 3 Делаем так, чтобы ваш компонент можно было использовать повторно
- 4 Жизненный цикл компонента
- 5 Реализация более качественного веб-приложения с помощью модулей
Часть II Способы улучшить рабочий процесс вашего компонента
- 6 Управление разметкой
- 7 Шаблонирование контента с помощью HTML
- 8 Теневая модель DOM
- 9 Shadow CSS
- 10 Проблемы Shadow CSS
Часть III Объединяем компоненты воедино
- 11 Реальный компонент пользовательского интерфейса
- 12 Сборка и поддержка старых браузеров
- 13 Тестирование компонентов
- 14 События и поток данных приложения
- 15 Сокрытие сложностей
Общее описание
Книга Бена Фаррелла «Веб-компоненты в действии» посвящена нативным веб-компонентам как самостоятельной технологии, позволяющей создавать переиспользуемые интерфейсные элементы без опоры на популярные JavaScript-фреймворки. Автор последовательно показывает, как современный браузерный стек (Custom Elements, Shadow DOM, HTML Templates и ES-модули) может использоваться для построения полноценного веб-приложения.
В первой части книги читатель знакомится с базовыми принципами веб-компонентов: созданием собственного элемента, управлением его жизненным циклом, повторным использованием и модульной архитектурой. Автор делает акцент на том, что веб-компоненты — это не абстрактная концепция, а практический инструмент, доступный уже сегодня в большинстве браузеров.
Во второй части внимание уделяется внутреннему устройству компонентов. Рассматриваются способы управления разметкой, шаблонизация контента, работа с Shadow DOM и CSS-изоляцией. Отдельные главы посвящены проблемам и ограничениям теневой модели, что позволяет взглянуть на технологию не только с позитивной, но и с критической стороны.
Третья часть книги концентрируется на построении более сложных решений: объединении компонентов в единый интерфейс, организации событий и потоков данных, тестировании и поддержке старых браузеров. В итоге автор шаг за шагом приходит к созданию реального пользовательского интерфейса, скрывая внутреннюю сложность за аккуратно спроектированными компонентами.
Книга носит практический характер и построена так, что примеры постепенно усложняются и эволюционируют от главы к главе, формируя цельную архитектуру. Это делает её полезной для разработчиков, которые хотят глубже понять нативные возможности веб-платформы и осознанно оценить веб-компоненты как альтернативу или дополнение к фреймворкам.
Мнение
Книга про веб-компоненты и их использование. Учитывая, что я нахожусь в лагере людей, которые считают эту ветку развития веба слегка тупиковой и безперспективной из-за того, что уже около 10 лет работаю с проектами, где важна СЕО-оптимизация, но наверняка есть люди, которые готовы каждый второй проект строить на веб-компонентах. Так что я скептически читал эту книгу, хотя мне было и интересно поближе познакомиться с нативными веб-компонентами без использования JS-фреймворков. Однозначно из плюсов книги можно отметить то, как от главы к главе автор соверешствует свои наработки и в конце концов у него получается вполне законченный и интересный результат.
