Переиспользуемые UI-компоненты на Lit и Web Components

Я разрабатываю компоненты интерфейса как настоящие Web Components на Lit, поэтому элементы, которые вы получаете, живут на уровне платформы, а не привязаны к одному фреймворку. Каждый компонент — это полноценный кастомный элемент с изолированным shadow-деревом, собственными стилями, которые никуда не утекают, и понятным набором атрибутов, свойств и событий. В результате одна и та же кнопка, таблица, модальное окно или выбор даты одинаково работают и в обычной разметке, и в большом одностраничном приложении, и на серверном рендеринге — и продолжают работать, когда очередной модный фреймворк снова сменится.

Обычно я делаю не один виджет, а небольшую цельную библиотеку. Сначала мы фиксируем токены, именование, поведение доступности и события, а затем я отдаю компоненты, удобные для клавиатуры, понятные для скринридеров, темизируемые через кастомные свойства и снабжённые живыми примерами. Вы получаете исходники, сборку для публикации во внутренний реестр, короткую инструкцию по миграции и версионированные релизы. Я могу расширить существующую дизайн-систему, обернуть легаси-виджет как современный элемент или собрать набор по вашему макету, а после сдачи остаюсь на связи по мере роста продукта.

— Переиспользуемые кастомные элементы с изоляцией стилей через shadow DOM
— Библиотеки дизайн-системы с токенами темизации и документацией
— Доступность, поддержка клавиатуры и автотесты компонентов