Настройка технологически не зависящего от Atomic Design рабочего процесса
В настоящее время мы работаем над созданием системы проектирования для нашей компании, и частью процесса является создание библиотеки шаблонов на основе Atomic Design. Наша команда внешнего интерфейса в настоящее время использует компоненты React Styled в своем рабочем процессе.
Одним из основных критериев нашей архитектуры является наличие библиотеки шаблонов, которая не зависит от технологий. Это означает настройку библиотеки шаблонов с простым HTML, CSS и презентационным Javascript.
Есть ли способ обойтись написанием всего этого кода дважды (таким образом, простые компоненты HTML/CSS/JS и компоненты стиля React)?
У кого-нибудь есть идея (или, предпочтительно, пример), как мы можем автоматизировать процесс перехода от компонентов в библиотеке шаблонов (HTML/CSS/JS) к React Styled Components, а также оставить дверь открытой для потенциальных VUE или Angular? (или как там) разработчики, чтобы использовать наши шаблоны в своих рамках?
По сути, мы ищем библиотеку шаблонов, которая автоматически вносит изменения во все наши веб-сайты / приложения.