Экспорт компонентов или стиля MUI для использования вне приложения React

Я столкнулся с примером использования, с которым я не знаком.

В настоящее время я использую MUI для React-приложения, но часть аутентификации обрабатывается на другом сервере, Django-приложение, которое включает Django OIDC Provider lib и которое в основном состоит из формы входа, которая перенаправляет пользователя на React-клиент при входе.

Конечной целью было бы иметь одинаковый внешний вид и ощущение в обоих приложениях, чтобы обеспечить лучший пользовательский опыт, мне интересно, что является лучшим решением для этого:

  • встраивание полного приложения React в проект Django и совместное использование темы MUI в обоих приложениях, кажется лучшим выбором для согласованности, но будет дорогостоящим с точки зрения времени разработки и размера пакета приложения аутентификации (в основном загрузка React + MUI только для одной страницы)
  • попытка имитировать компоненты MUI (в основном текстовые поля, флажки, кнопки) с помощью чистого CSS решения, как https://github.com/finnhvman/matter, которое выглядит очень красиво, но потребуется время для воспроизведения основной темы MUI приложения React, его будет сложнее поддерживать и будет сложно обеспечить точно такую же интерактивность
  • .
  • каким-то образом найти способ экспортировать чистый CSS со стилем темы MUI или создавать веб-компоненты из основного приложения React, не знаю, выполнимо ли это или практично? И меня бы волновала совместимость с браузерами
  • .

Если у вас есть идеи, как этого можно достичь, я был бы очень признателен за ваше мнение по этому поводу.

Вернуться на верх