Size: a a a

2020 May 06

SS

Serhey Shmyg in React Kyiv
Oleg Applesinkin
Всем привет! Столкнулся с такой задачей: реакт-приложение размещено на доменах 111.com и 222.com. В зависимости от домена, на который зашёл пользователь, должен меняться внешний вид приложения (цвета, некоторые заголовки, столбцы и ещё пара мелочей). Подскажите, пожалуйста, есть какие подходящие методы и инструменты для реализации?
Я реалізував задачку через лоадер для вебпака, і потрібні модулі перетирав. В реакт нейтів наприклад така є можливість, кладеш модуль в папку overrides і при білді проджу якщо цей модуль є він підміняється із цієї папки. Так можна робити з будь якими модулями, ксс, джс, малюнки і тп.
Лоадер для вебпака нескладно накидати.
источник

OA

Oleg Applesinkin in React Kyiv
Приложение работает на create react app, тогда придется делать eject?
источник

YO

Yevhenii Oliinyk in React Kyiv
тема хранится в локалсторадж. провайден не нужен, просто меняются переменные в цсс и они автоматически подхватываются, и при смене темы в приложении еще анимированно меняются
источник

OA

Oleg Applesinkin in React Kyiv
Чтобы поменять конфиг вебпака
источник

SS

Serhey Shmyg in React Kyiv
Oleg Applesinkin
Приложение работает на create react app, тогда придется делать eject?
там же є певні інструменти які дозволяють додати лоадер без еджекта. Взагалі не дуже розумію навіщо юзати КРА в проектах де потрібно буде лізти в вебпак 🤷‍♂️
источник

OA

Oleg Applesinkin in React Kyiv
Некоторые лоадеры используются автоматом после инсталла, а вот добавление кастомных я пока не пробовал... КРА я так понял начали использовать для создания на скорую руку и простоты дальнейшей поддержки
источник

MK

Mikhaylo K in React Kyiv
Привет, как делать аутентификацию с помощью OAuth помогите пожалуйста
источник

MK

Maksim Kleba in React Kyiv
Mikhaylo K
Привет, как делать аутентификацию с помощью OAuth помогите пожалуйста
в чем конкретно тебе помочь?
источник

SS

Serhey Shmyg in React Kyiv
Oleg Applesinkin
Некоторые лоадеры используются автоматом после инсталла, а вот добавление кастомных я пока не пробовал... КРА я так понял начали использовать для создания на скорую руку и простоты дальнейшей поддержки
Ну от і вилізла простота підтримки. Коли в планах є розвиток проекта, юзати КРА не дуже розумно імхо. Тоді починаються танці з приблудами які то бабель модифікують то вебпак то ще щось. Не так складно написати свій конфіг вебпака.
источник

SS

Serhey Shmyg in React Kyiv
Oleg Applesinkin
Некоторые лоадеры используются автоматом после инсталла, а вот добавление кастомных я пока не пробовал... КРА я так понял начали использовать для создания на скорую руку и простоты дальнейшей поддержки
Загалом ідея думаю зрозуміла з оверрайдом. Юзав такий лоадер, не один раз, іноді складніші були кейси. Але загалом підхід ок.
источник

SS

Serhey Shmyg in React Kyiv
Писати іфки по проекту щоб щось сховати чи застайлити - це "поворот не туда"
источник

OA

Oleg Applesinkin in React Kyiv
Serhey Shmyg
Ну от і вилізла простота підтримки. Коли в планах є розвиток проекта, юзати КРА не дуже розумно імхо. Тоді починаються танці з приблудами які то бабель модифікують то вебпак то ще щось. Не так складно написати свій конфіг вебпака.
И не говори) КРА сильно выкрчивает руки по поводу настройки вебпака. Тот же ртл пришлось делать каскадированием css
источник

I

Ilya in React Kyiv
Oleg Applesinkin
И не говори) КРА сильно выкрчивает руки по поводу настройки вебпака. Тот же ртл пришлось делать каскадированием css
react-app-rewired + customize-cra
источник

OA

Oleg Applesinkin in React Kyiv
Serhey Shmyg
Загалом ідея думаю зрозуміла з оверрайдом. Юзав такий лоадер, не один раз, іноді складніші були кейси. Але загалом підхід ок.
Немного непонятно на каком этапе будет происходить оверрайд. Приложение находится на домене как билд
источник

SS

Serhey Shmyg in React Kyiv
Oleg Applesinkin
Немного непонятно на каком этапе будет происходить оверрайд. Приложение находится на домене как билд
Оверрайд при білді відбуваєься
источник

SS

Serhey Shmyg in React Kyiv
є папка оверрайд, в ній така ж структура файлів як в основному проекті. і якщо лоадер в цій папці знаходить модуль який він зараз обробляє, він його підміняє. Все.
источник

OA

Oleg Applesinkin in React Kyiv
Получается у меня уже есть два варианта - делать несколько билдов с оверрайдом, или идти по пути ифок в одном билде?
источник

SS

Serhey Shmyg in React Kyiv
Oleg Applesinkin
Получается у меня уже есть два варианта - делать несколько билдов с оверрайдом, или идти по пути ифок в одном билде?
Так
источник

OA

Oleg Applesinkin in React Kyiv
Если идти по пути оверрайд - в принципе это хороший вариант, мне нравится)
источник

SS

Serhey Shmyg in React Kyiv
Oleg Applesinkin
Если идти по пути оверрайд - в принципе это хороший вариант, мне нравится)
Цей варік юзають в реакт нейтів з коробки, якщо тобі апку зібрати з різними компонентами чи різними сторінками.
источник