Size: a a a

React — русскоговорящее сообщество

2020 December 22

VT

Vitaliy Tikhonov in React — русскоговорящее сообщество
Здравствуйте. Я еще только изучаю Реакт.
У меня есть компонент (функц., как и все остальные), в котором:
1) по дефолту задается стейт loggedIn – false;
2) через useEffect проверяется статус пользователя и обновляется на true;
3) в зависимостях у useEffect указан пустой массив (пробовал задавать loggedIn - проблема не решается);
4) loggedIn передается в нижестоящий HOC-компонент ProtectedRoute (пробовал разными способами - и через пропсы, и через контекст – не влияет);
5) ProtectedRoute рендерится при переходе на адрес /user-profile и должен делать Redirect только при loggedIn – false.
Проблема: при ручном вводе /user-profile в адресную строку рендер ProtectedRoute происходит еще до того, как loggedIn меняется на true, и поэтому Redirect успевает случиться всегда.
Что я делаю не так?
источник

D

D M in React — русскоговорящее сообщество
Vitaliy Tikhonov
Здравствуйте. Я еще только изучаю Реакт.
У меня есть компонент (функц., как и все остальные), в котором:
1) по дефолту задается стейт loggedIn – false;
2) через useEffect проверяется статус пользователя и обновляется на true;
3) в зависимостях у useEffect указан пустой массив (пробовал задавать loggedIn - проблема не решается);
4) loggedIn передается в нижестоящий HOC-компонент ProtectedRoute (пробовал разными способами - и через пропсы, и через контекст – не влияет);
5) ProtectedRoute рендерится при переходе на адрес /user-profile и должен делать Redirect только при loggedIn – false.
Проблема: при ручном вводе /user-profile в адресную строку рендер ProtectedRoute происходит еще до того, как loggedIn меняется на true, и поэтому Redirect успевает случиться всегда.
Что я делаю не так?
Поставь какой нибудь loader до того момента как статус авторизации загружается. Что то типо:
isLoggingIn ? <Loader /> ...RouterDom
источник

VT

Vitaliy Tikhonov in React — русскоговорящее сообщество
D M
Поставь какой нибудь loader до того момента как статус авторизации загружается. Что то типо:
isLoggingIn ? <Loader /> ...RouterDom
isLoggingIn... Идею понял, попробую, спасибо
источник

МГ

Михаил Гаврилюк... in React — русскоговорящее сообщество
Добрый день.
Кто ни будь может подсказать опенсурсную библиотеку для рисования таких графов на реакте ?
источник

SS

Sergey S in React — русскоговорящее сообщество
Vitaliy Tikhonov
isLoggingIn... Идею понял, попробую, спасибо
можно пойти дальше, и в рутовом компоненте / сторе держать информацию о глобальном статусе приложения, loading loaded, crashed....  может еще что понадобится, а не boolean флажок, и с помощью данного статуса какие-то глобальные условия в отрисовке приложения разрулить
источник

SS

Sergey S in React — русскоговорящее сообщество
Михаил Гаврилюк
Добрый день.
Кто ни будь может подсказать опенсурсную библиотеку для рисования таких графов на реакте ?
можно css вариант какой-нибудь подчерпнуть с codepen и свой компонент сделать, вроде простая штука
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Vitaliy Tikhonov
Здравствуйте. Я еще только изучаю Реакт.
У меня есть компонент (функц., как и все остальные), в котором:
1) по дефолту задается стейт loggedIn – false;
2) через useEffect проверяется статус пользователя и обновляется на true;
3) в зависимостях у useEffect указан пустой массив (пробовал задавать loggedIn - проблема не решается);
4) loggedIn передается в нижестоящий HOC-компонент ProtectedRoute (пробовал разными способами - и через пропсы, и через контекст – не влияет);
5) ProtectedRoute рендерится при переходе на адрес /user-profile и должен делать Redirect только при loggedIn – false.
Проблема: при ручном вводе /user-profile в адресную строку рендер ProtectedRoute происходит еще до того, как loggedIn меняется на true, и поэтому Redirect успевает случиться всегда.
Что я делаю не так?
Не полагаться на редиректы с помощью компонентов для глобальных состояний (), а по месту с помощью императивных вызовов history.push()
источник

VT

Vitaliy Tikhonov in React — русскоговорящее сообщество
Dmitriy Shuleshov
Не полагаться на редиректы с помощью компонентов для глобальных состояний (), а по месту с помощью императивных вызовов history.push()
Почему?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Vitaliy Tikhonov
Почему?
Забудьте. Вот тут человек лучший способ описал
https://t.me/react_js/1077934
источник

VT

Vitaliy Tikhonov in React — русскоговорящее сообщество
Sergey S
можно пойти дальше, и в рутовом компоненте / сторе держать информацию о глобальном статусе приложения, loading loaded, crashed....  может еще что понадобится, а не boolean флажок, и с помощью данного статуса какие-то глобальные условия в отрисовке приложения разрулить
👍
источник

С

Сергей in React — русскоговорящее сообщество
Пользуюсь случаем спрошу тогда
я вот делал редирект для пет проекта.
Правильно ?
источник

A

Anton in React — русскоговорящее сообщество
Сергей
Пользуюсь случаем спрошу тогда
я вот делал редирект для пет проекта.
Правильно ?
В целом да
источник

SS

Sergey S in React — русскоговорящее сообщество
да вполне, работает ведь) было бы круто generic мб прикрутить на внутренний компонент)
источник

🦜

🦜 in React — русскоговорящее сообщество
Как в крако указать использовать бабель плагина только в прод среде?
источник

A

Anton in React — русскоговорящее сообщество
Ребят, хелп,в родители есть кнопка
На неё жмёшь и срабатывает логика родителя, перед этой логикой ещё должны вытаскиваться данные из дочернего компонента. Как это можно изящно реализовывать без редакса и контекста? Только за счёт пропсов.

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

Т

Тимофей 🛴 in React — русскоговорящее сообщество
🦜
Как в крако указать использовать бабель плагина только в прод среде?
Прочитал «кратко» и ответил не то
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
🦜
Как в крако указать использовать бабель плагина только в прод среде?
Есть утилита whenProd и типа так
источник

🦜

🦜 in React — русскоговорящее сообщество
Dmitriy Shuleshov
Есть утилита whenProd и типа так
ага, увидел уже
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Dmitriy Shuleshov
Есть утилита whenProd и типа так
Ну и можно экспортировать функцию аргументом которой будет обьект с env, должна вернуть обьект конфига
источник

JA

J Alizadeh in React — русскоговорящее сообщество
Здравствуйте, друзья! У меня есть php скрипт для отправки формы на почту мою. Через что можно быстро и легко реализовать это в части фронта. Заранее спасибо
источник