Как инкапсулировать react приложение?

Question

[ch-aqwer]

Здравствуйте! Подскажите пожалуйста какие есть варианты инкапсулировать react приложение?

Есть react приложение и его надо рендерить на другом ресурсе. Все нормально работает когда просто подключаю файл с бандлом. Но в таком случае есть проблема со стилями, на этом сайте используется много !important.

Думал над решением Shadow dom, но там есть проблема с ивентами плюс перфоманс ухудшается. Также есть вариант с iframe, но что-то не хочется использовать.

Вопрос, какие еще есть варианты инкапсулировать приложение?

Буду благодарен!

Comments

[Илья Герасимов]

Как вариант использовать styled-components и получать уникальные имена классов. Еще один из похожих вариантов css-modules, тоже сгенирирует более менее "уникальные" имена по вашей маске (можно добавить префикс ко всем названиям).

[ch-aqwer]

Илья Герасимов, я исполузую css-modules но на том сайте есть к примеру такие стиле

button {
font-weight: 800!important;
}

и такого довольно много.

[Yustas Alexu]

ch-aqwer, стоит ли оно того, если сайт такого плохого качества?

[ch-aqwer]

Yustas Alexu, думаю стоит, тот сайт портит мою апку, просто раздражает)

[Афанасий Захаров]

ch-aqwer, что портит сайт?

У вас какой формат доступа к этому сайту?