#веб_компоненты — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #веб_компоненты, aggregated by home.social.
-
Веб. К черту фреймворки! Пишем свой starter-kit с роутером и сторами. Часть 3
Последняя часть по созданию своего starter-kit. В этой статье мы рассмотрим основные подходы борьбы со сложностью с помощью веб-компонентов. Статья рассчитана на более-менее подготовленных читателей. Материал насыщен ссылками, которые очень желательно изучить.
https://habr.com/ru/articles/962778/
#веб_компоненты #реакт #велосипедостроение #реактивность #стилизация_виджетов #custom_elements
-
Гайд по Веб Компонентам (Web Components)
Компонентно-ориентированный подход уже давно зарекомендовал себя как отличная практика разработки. Его массовая популярность пришла вместе с такими библиотеками, как React и Vue. Создавая компоненты, мы чётко разграничиваем логику, формируем зоны ответственности и эффективно боремся с дублированием кода. Обычно компонент отвечает за рендеринг HTML-разметки и динамически обновляет её в зависимости от своего состояния. Кроме того, ключевую роль играют механизмы контроля жизненного цикла, например, обработка этапов: «компонент присоединился», «компонент обновился» и «компонент был удалён». Это база, но часто существует и множество других хуков. Раньше для работы с этой парадигмой мы были вынуждены использовать React, Vue или аналогичные фреймворки. Однако сегодня можно обойтись без дополнительных библиотек и обязательной сложной сборки, потому что компоненты доступны «из коробки» в современных браузерах. Да, я говорю о Веб-компонентах . Если быть точнее, о Пользовательских элементах (Custom Elements) , поскольку «Веб-компоненты» — это скорее набор стандартных технологий, позволяющих создавать эти самые элементы.