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

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

Зазвичай я роблю не один віджет, а невеликої цілісну бібліотеку. Спочатку ми фіксуємо токени, найменування, поведінку доступності та події, а потім я видаю компоненти, зручні для клавіатури, зрозумілі для скринридерів, темізовані через кастомні властивості та оснащені живими прикладами. Ви отримуєте вихідники, збірку для публікації у внутрішній реєстр, коротку інструкцію з міграції та версіоновані релізи. Я можу розширити існуючу дизайн-систему, обернути legacy-віджет як сучасний елемент або зібрати набір по вашому макету, а після здачі залишаюся на зв'язку в міру зростання продукту.

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