Size: a a a

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

2021 February 19

D

Dmitry in React — русскоговорящее сообщество
источник

ЕВ

Евгений Волченко... in React — русскоговорящее сообщество
спасибо
источник

DN

Drew Naumenko in React — русскоговорящее сообщество
Ребята есть вообще роут
/stats  - на него захожу,  и фетчу какие-то дaнные для отрисовки,  не важно

 useEffect(() => {
       dispatch(fetchData(usersOnPage, paginationOptions.currentPage));
       setChildPath(null);
   }, [dispatch, paginationOptions.currentPage]);не важно

но есть ещё и дочерний роут stats/:id

и вообще я сделал  так, когда я возвращаюсь обратно на роут /stats  например с  /stats/35 , не важно
опять фетчил данные ну типо может пока я сидел на 35 роуте там в данных произошли какие-то изменения
и вот чтобы данные на роуте /stats были всегда актуальные нужно фетчить каждый раз когда мы ходим по роутам.

но вышло в одном компоненте что-то такое ,  вот я и не знаю на сколько это правильно так делать или не правильно
 useEffect(() => {
       dispatch(fetchData(usersOnPage, paginationOptions.currentPage));
       setChildPath(null);
   }, [dispatch, paginationOptions.currentPage]);

useEffect(()=>{
       if(childPath !== location.pathname && childPath !== null) {
           dispatch(fetchData(usersOnPage, paginationOptions.currentPage));
           dispatch(selectUser(null));
       }
  }, [childPath, location.pathname]);
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
Drew Naumenko
Ребята есть вообще роут
/stats  - на него захожу,  и фетчу какие-то дaнные для отрисовки,  не важно

 useEffect(() => {
       dispatch(fetchData(usersOnPage, paginationOptions.currentPage));
       setChildPath(null);
   }, [dispatch, paginationOptions.currentPage]);не важно

но есть ещё и дочерний роут stats/:id

и вообще я сделал  так, когда я возвращаюсь обратно на роут /stats  например с  /stats/35 , не важно
опять фетчил данные ну типо может пока я сидел на 35 роуте там в данных произошли какие-то изменения
и вот чтобы данные на роуте /stats были всегда актуальные нужно фетчить каждый раз когда мы ходим по роутам.

но вышло в одном компоненте что-то такое ,  вот я и не знаю на сколько это правильно так делать или не правильно
 useEffect(() => {
       dispatch(fetchData(usersOnPage, paginationOptions.currentPage));
       setChildPath(null);
   }, [dispatch, paginationOptions.currentPage]);

useEffect(()=>{
       if(childPath !== location.pathname && childPath !== null) {
           dispatch(fetchData(usersOnPage, paginationOptions.currentPage));
           dispatch(selectUser(null));
       }
  }, [childPath, location.pathname]);
а в чем сложность?
есть StatsPage, есть StatsIdPage, на каждой свои хуки
источник

RP

Roma Prokopets in React — русскоговорящее сообщество
подскажите как пофиксить ошибку
источник

RP

Roma Prokopets in React — русскоговорящее сообщество
источник

RP

Roma Prokopets in React — русскоговорящее сообщество
источник

RP

Roma Prokopets in React — русскоговорящее сообщество
ссылается сюда, нужно замокать ивент но я не могу найти
источник

DN

Drew Naumenko in React — русскоговорящее сообщество
Bugs Bunny
а в чем сложность?
есть StatsPage, есть StatsIdPage, на каждой свои хуки
оно то работает
я просто прокидвал калбек  чтобы достать роут чайлда

ну это сам варил вот и не знаю , может есть способ получше или  норм варик?

единственно что во втором useEffect кода мы пришли с какого stats/id  нужно наверно всё таки ещё и обнулять роут ребёнка

```
useEffect(()=>{
       if(childPath !== location.pathname && childPath !== null) {
           dispatch(fetchData(usersOnPage, paginationOptions.currentPage));
           dispatch(selectUser(null));
           setChildPath(null)
       }
  }, [childPath, location.pathname]);
```
источник

GK

Gennady Kazantsev in React — русскоговорящее сообщество
Друзья, не смог разобраться своими силами и пришёл к вам за помощью. Как сделать форму рабочего расписания в формате { dayoftheweek, from, to }? Дни недели можно представить в виде чекбоксов, время в инпутах, только как связать время с днём недели?
П.с: формы пилю на react final form
источник

dd

dgj dfsh in React — русскоговорящее сообщество
Max Zinchenko
спасибо ребята :)
что-то я не понял, а как в итоге сделали?
источник

MZ

Max Zinchenko in React — русскоговорящее сообщество
dgj dfsh
что-то я не понял, а как в итоге сделали?
Пока никак, после работы поиграюсь
источник

GK

Gennady Kazantsev in React — русскоговорящее сообщество
Gennady Kazantsev
Друзья, не смог разобраться своими силами и пришёл к вам за помощью. Как сделать форму рабочего расписания в формате { dayoftheweek, from, to }? Дни недели можно представить в виде чекбоксов, время в инпутах, только как связать время с днём недели?
П.с: формы пилю на react final form
Нашёл решение. Final form arrays, может кому пригодится
источник

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React — русскоговорящее сообщество
☬ Sᴀʏᴅᴜʟʟᴏ ツ
Ребят, обязательно использовать react lazy для компонентов, которые не получают данных из вне?
Я вижу этот спиннер на доли секунды и он резко исчезает, это вызывает эффект дергание страницы
подскажите пожалуйста
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
☬ Sᴀʏᴅᴜʟʟᴏ ツ
Ребят, обязательно использовать react lazy для компонентов, которые не получают данных из вне?
Я вижу этот спиннер на доли секунды и он резко исчезает, это вызывает эффект дергание страницы
А зачем его вообще использовать ?=)
источник

V

Vetro in React — русскоговорящее сообщество
Eugene Maltsev
А зачем его вообще использовать ?=)
Зачем вообще реакт?))
источник

GK

Gennady Kazantsev in React — русскоговорящее сообщество
Зачем вообще зачем ?
источник

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React — русскоговорящее сообщество
Eugene Maltsev
А зачем его вообще использовать ?=)
для оптимизации.

Чтобы не грузить другие компоненты, которые, пользователь, возможно, использовать не будет!

Но, там обязательно нужно указывать fallback.
Сую туда свой спиннер. Он показывается на долю секунды. Его видно, но, получается так, что страница дергается (якобы).
источник

0

0xLDev | Web Develop... in React — русскоговорящее сообщество
!ро измените пожалуйста ваш никнейм.
источник

ЖБ

Женя Білик in React — русскоговорящее сообщество
☬ Sᴀʏᴅᴜʟʟᴏ ツ
для оптимизации.

Чтобы не грузить другие компоненты, которые, пользователь, возможно, использовать не будет!

Но, там обязательно нужно указывать fallback.
Сую туда свой спиннер. Он показывается на долю секунды. Его видно, но, получается так, что страница дергается (якобы).
Делай не спиннер, а полоску загрузки
источник