Как поддерживали самописную библиотеку компонентов? Как решали вопросы тематизации (темизации) и кастомизации компонентов?

Поддержка самописной библиотеки компонентов обычно включает:

• Документирование — подробные описания API, примеры использования.
• Версионирование — использование семантического версионирования для управления изменениями.
• Автоматическое тестирование — юнит и интеграционные тесты для предотвращения регрессий.
• CI/CD — автоматизация сборки и публикации новых версий.

Для тематизации и кастомизации компонентов применяются следующие подходы:

• Тематизация (темизация) через CSS-переменные или CSS-in-JS, позволяющие менять цвета, шрифты и другие стили без изменения кода компонентов.
• Параметризация компонентов — передача пропсов или параметров для настройки внешнего вида и поведения.
• Использование контекста (например, React Context) для передачи темы и настроек по дереву компонентов.
• Слоты или композиция — возможность вставлять кастомный контент внутрь компонентов.

Пример тематизации с использованием CSS-переменных:

:root {
  --primary-color: #3498db;
  --font-size: 16px;
}

.button {
  background-color: var(--primary-color);
  font-size: var(--font-size);
}

Изменяя значения переменных, можно быстро менять тему без правок компонентов.