Как сделать react-приложение с разным стилевым оформлением для каждого клиента?

Question

[daima]

Планируется сделать приложение для несколько клиентов. Начинка будет одинакова, а оформление будет различаться (стили, расположение компонентов). Как это сделать?

Если создать папку themes и туда запихнуть глупые компоненты отвечающие за расположение умных и вывод результатов, к умным и глупым подрубать стили для каждой темы - бандл некисло так распухнет!

Answer 1

[Антон Спирин]

Да вариантов много на самом деле. При использовании любой css-in-js библиотеки, например Styled Components, можно переключать темы налету. Для расположения модулей можно использовать условия и конфигурации, на крайняк разные точки входа с разным набором компонентов-страниц.

Comments

[daima]

Про Styled Components думал, углубляться, правда, неохота)))

Для расположения модулей можно использовать условия и конфигурации - куча ифов не есть гуд, да и бандл будет большим. Вот думаю, мож ленивая загрузка меня спасет?

[Антон Спирин]

daima, да не особо большим если все грамотно сделать. Делали клиент для финансовой системы c разными модулями для разных типов компаний, подключением отключением их через админку, разными темами и правами доступа. Выглядело все это в реализации весьма органично.

Answer 2

[Антон Антон]

https://habr.com/company/poiskvps/blog/422487/