Всем добрый день! По долгу службы временно вылез из бэкенда и делаю SPA на react/redux. Все отлично, но хотел бы прояснить банальные вещи. Подскажите люди добрые: 1) Как у клиента обновлять приложение? Деплои идут часто, а в SPA нужно обновить страницу, чтобы изменения вступили в силу, что не гуд. Мне нужно, чтобы приложение ОБЯЗАТЕЛЬНО рефрешнулось на клиенте при деплое. Как вы поступаете? Контроль версии по вебсокетам? Есть ли готовые ноу-хау? 2) При первом подходе я использовал так называемую duck-структуру проекта, где в сторе на каждый scene был отдельный набор экшенов, редьюсеров и т.д. Там же в экшенах были редиректы. Т.е. при успешном добавлении комментария сделай редирект по react-router на страницу поста. НО! Как я потом понял, теряется смысл редакса, я узнал в процессе больше про всякие селекторы и т.д. и как мне кажется duck-структура по философии это не к redux. Теперь вопрос: Какую структуру вы используете для больших приложений? Как работаете с редиректами в redux?

Я бы сказал, что по тому куску кода что есть - гадать бесполезно.

Я бы сказал, что по тому куску кода что есть - гадать бесполезно.

Всем добрый день! По долгу службы временно вылез из бэкенда и делаю SPA на react/redux. Все отлично, но хотел бы прояснить банальные вещи. Подскажите люди добрые: 1) Как у клиента обновлять приложение? Деплои идут часто, а в SPA нужно обновить страницу, чтобы изменения вступили в силу, что не гуд. Мне нужно, чтобы приложение ОБЯЗАТЕЛЬНО рефрешнулось на клиенте при деплое. Как вы поступаете? Контроль версии по вебсокетам? Есть ли готовые ноу-хау? 2) При первом подходе я использовал так называемую duck-структуру проекта, где в сторе на каждый scene был отдельный набор экшенов, редьюсеров и т.д. Там же в экшенах были редиректы. Т.е. при успешном добавлении комментария сделай редирект по react-router на страницу поста. НО! Как я потом понял, теряется смысл редакса, я узнал в процессе больше про всякие селекторы и т.д. и как мне кажется duck-структура по философии это не к redux. Теперь вопрос: Какую структуру вы используете для больших приложений? Как работаете с редиректами в redux?

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

Привет всем, реакт с jquery в продакшене используют? Как динамику на странице замутить?

А как еще аяксы делать? У реакта есть встроенные методы работы с аяксом?

А как еще аяксы делать? У реакта есть встроенные методы работы с аяксом?

Привет всем, реакт с jquery в продакшене используют? Как динамику на странице замутить?

А как еще аяксы делать? У реакта есть встроенные методы работы с аяксом?

Привет всем, реакт с jquery в продакшене используют? Как динамику на странице замутить?

тебе по действию надо?

Ну к примеру форму заполнил и хочу данные на бекэнд оформить в бд. И на страницу их обратно в реакт отправить, без полного обновления страницы

Ну к примеру форму заполнил и хочу данные на бекэнд оформить в бд. И на страницу их обратно в реакт отправить, без полного обновления страницы

Ну к примеру форму заполнил и хочу данные на бекэнд оформить в бд. И на страницу их обратно в реакт отправить, без полного обновления страницы

Ну к примеру форму заполнил и хочу данные на бекэнд оформить в бд. И на страницу их обратно в реакт отправить, без полного обновления страницы

я написал что тебе нужно

Привет всем, реакт с jquery в продакшене используют? Как динамику на странице замутить?

Понял, а фетчить после componentdidmount? Раньше никак?

Понял, а фетчить после componentdidmount? Раньше никак?

Понял, а фетчить после componentdidmount? Раньше никак?

Понял, а фетчить после componentdidmount? Раньше никак?

можно в другом месте фетчить и прокидывать в пропсы, а внутри компонента да, только после cDM

у меня вот раньше в CWM fetch был, т.к. он при ssr отрабатывает а теперь они его убирают, как быть?

ридакс

ну понятно ридакс, но как мне префетчить все данные?

В didMount же

ну понятно ридакс, но как мне префетчить все данные?

UNSAFE_componentWillMount <3

в конструкторе нельзя, ты не отследишь окончание экшена

и в 17 реакте придется в конструкторе это делать

и в 17 реакте придется в конструкторе это делать

«When supporting server rendering, it’s currently necessary to provide the data synchronously – componentWillMount was often used for this purpose but the constructor can be used as a replacement. The upcoming suspense APIs will make async data fetching cleanly possible for both client and server rendering.»

ну и названия конечно

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

в новом проекте можно подумать как без них обойтись, а при миграции таких кейсов куча)

Рефакторинг ?

Когда у тебя все хорошо и понятно работает делать рефакторинг только потому что им захотелось убрать метод не очень хочется

в таких случаях правильный выход: не обновляться до версий которые вынуждают делать рефакторинг

который статический и в нем нельзя получить два состояния пропсов

Когда у тебя все хорошо и понятно работает делать рефакторинг только потому что им захотелось убрать метод не очень хочется

Логика на componentWillUpdate - априори, как мне кажется, не верно. Какие у вас кейсы?

setState в нем например

getDerivedStateFromProps идеально для этого

Какой смысл сравнивать старые и новые пропсы?

Я вот с таким не сталкивался и мне кажется, что это проблема в архитектуре

В том и особенность реакта что он не диктует архитектуру, он просто предлагает возможности, например, lifecycle методы, я ими пользуюсь. Потом они их убирают.

Я бы не сказал что реакт не диктует архитектуру

мне кажется ты путаешь структуру с архитектурой