Size: a a a

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

2020 July 06

И

Иван in React — русскоговорящее сообщество
Never Mind
Привет. Ребят, кто поопытнее, можете дать пж фидбек по коду? (рабочий)
Возможно в каких-то моментах криво написано и как тогда лучше переписать?
Может где-то оптимизация хромает или допускаю где-то очевидную утечку памяти?

В общем всё, на что мне, как начинающему, стоит обратить внимание.
источник

AT

Alexey Tuychiev in React — русскоговорящее сообщество
Never Mind
Привет. Ребят, кто поопытнее, можете дать пж фидбек по коду? (рабочий)
Возможно в каких-то моментах криво написано и как тогда лучше переписать?
Может где-то оптимизация хромает или допускаю где-то очевидную утечку памяти?

В общем всё, на что мне, как начинающему, стоит обратить внимание.
Нужно разбивать код по фичам-модулям, а не по папочкам components, containers и т.д. А в модулях уже на слои разделять.
источник

И

Иван in React — русскоговорящее сообщество
Never Mind
Привет. Ребят, кто поопытнее, можете дать пж фидбек по коду? (рабочий)
Возможно в каких-то моментах криво написано и как тогда лучше переписать?
Может где-то оптимизация хромает или допускаю где-то очевидную утечку памяти?

В общем всё, на что мне, как начинающему, стоит обратить внимание.
опять биндишь?
источник

И

Иван in React — русскоговорящее сообщество
Never Mind
Привет. Ребят, кто поопытнее, можете дать пж фидбек по коду? (рабочий)
Возможно в каких-то моментах криво написано и как тогда лучше переписать?
Может где-то оптимизация хромает или допускаю где-то очевидную утечку памяти?

В общем всё, на что мне, как начинающему, стоит обратить внимание.
источник

NM

Never Mind in React — русскоговорящее сообщество
Разве тут нужно добавлять в зависимость props, если я хочу сделать этот запрос лишь раз?
источник

И

Иван in React — русскоговорящее сообщество
Never Mind
Разве тут нужно добавлять в зависимость props, если я хочу сделать этот запрос лишь раз?
читай статью
источник

NM

Never Mind in React — русскоговорящее сообщество
Не заметил)
источник

NM

Never Mind in React — русскоговорящее сообщество
Иван
читай статью
Окей, спасибо 👍
источник

Д

Дмитрий in React — русскоговорящее сообщество
Народ, подскажите пожалуйста как реализовать такую вот штуку.
Я сейчас перехожу с vue на react и появился вопрос, ответ на который пока не могу найти в гугле.

Мне нужно что бы при переходе на какой либо роут, срабатывала какая то функция, которая сделает запрос в базу и получит пользователя и если он есть то запишет обьект пользователя в redux state а если нет, то запишет null и так при переходе на каждый роут.
источник

И

Иван in React — русскоговорящее сообщество
Дмитрий
Народ, подскажите пожалуйста как реализовать такую вот штуку.
Я сейчас перехожу с vue на react и появился вопрос, ответ на который пока не могу найти в гугле.

Мне нужно что бы при переходе на какой либо роут, срабатывала какая то функция, которая сделает запрос в базу и получит пользователя и если он есть то запишет обьект пользователя в redux state а если нет, то запишет null и так при переходе на каждый роут.
когда монтируется компонент страницы, делай диспатч в redux, чтобы там загружались данные. useEffect или componentDidMount
источник

Д

Дмитрий in React — русскоговорящее сообщество
во vue я просто на каждый роут вешал beforeEnter
и там запрос в базу
   
axios.get("/api/user").then((response) => {
       if (response.data == "unauth") return next("/login");
       else {
           store.commit("SET_USER", response.data);
           return next();
       };
   });
источник

Д

Дмитрий in React — русскоговорящее сообщество
сейчас у меня примерно вот так :

const isAuth = async () => {
   try {
     const res = await getUserData();
     console.log(res);
   } catch (e) {
     console.log(e);
   }
 };



<Switch>
     <Route path="/" onEnter={isAuth}>
       <RootPage />
     </Route>
   </Switch>
источник

Д

Дмитрий in React — русскоговорящее сообщество
но функция isAuth не отрабатывает
источник

И

Иван in React — русскоговорящее сообщество
Never Mind
Привет. Ребят, кто поопытнее, можете дать пж фидбек по коду? (рабочий)
Возможно в каких-то моментах криво написано и как тогда лучше переписать?
Может где-то оптимизация хромает или допускаю где-то очевидную утечку памяти?

В общем всё, на что мне, как начинающему, стоит обратить внимание.
и зачем ты делаешь запрос из компонента, если у тебя есть стейт-менеджер?
источник

NM

Never Mind in React — русскоговорящее сообщество
Я немного не понял исходя из дополнения автора, сейчас это нормальная практика разделения на компоненты и контейнеры или нет? Как мне кажется - вроде очень даже удобно.
источник

И

Иван in React — русскоговорящее сообщество
Never Mind
Я немного не понял исходя из дополнения автора, сейчас это нормальная практика разделения на компоненты и контейнеры или нет? Как мне кажется - вроде очень даже удобно.
нет, не очень нормальная
источник

И

Иван in React — русскоговорящее сообщество
Never Mind
Я немного не понял исходя из дополнения автора, сейчас это нормальная практика разделения на компоненты и контейнеры или нет? Как мне кажется - вроде очень даже удобно.
https://t.me/react_js/961755

вот это почитай
источник

V

Valentin in React — русскоговорящее сообщество
как в дебагинге хрома, выключить из списка запросов (вкладке нетвок) определенный домен?
источник

И

Иван in React — русскоговорящее сообщество
Valentin
как в дебагинге хрома, выключить из списка запросов (вкладке нетвок) определенный домен?
пробовал фильтр?
источник

И

Иван in React — русскоговорящее сообщество
Дмитрий
сейчас у меня примерно вот так :

const isAuth = async () => {
   try {
     const res = await getUserData();
     console.log(res);
   } catch (e) {
     console.log(e);
   }
 };



<Switch>
     <Route path="/" onEnter={isAuth}>
       <RootPage />
     </Route>
   </Switch>
а почему она должна отрабатывать?
источник