Size: a a a

React: русскоязычное сообщество

2020 August 05

d

dalay in React: русскоязычное сообщество
Да. MainContent в App. А в App происходит диспатч. Точно. Недавно понял же это.
источник

d

dalay in React: русскоязычное сообщество
Из-за этого 2 раза. Да точно
источник

d

dalay in React: русскоязычное сообщество
const App = () => {
   const dispatch = useDispatch();
   useEffect(() => {
       iAx.post('auth/user', {})
           .then(res => {
               dispatch(userAction(res.data));
           });
   }, [dispatch]);
   return (
       <div className="App">
           <Header/>
           <MainContent/>
           <Footer/>
       </div>
   );
};

export default App;
источник

d

dalay in React: русскоязычное сообщество
А вообще как лучше сделать чтобы избежать это?
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Я два метода знаю:
1. Обернуть все приложение в <Authentication>{isAuthenticated => (...)}</Authentication>.
2. Делать ReactDOM.Render только после аутентификации. Т.е. аутентификация производится вне приложения, а приложение загружается на готовенькое.
источник

ИА

Илья Алпатов... in React: русскоязычное сообщество
Этот метод выглядит чище
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Эти способы, если приложение без аутентификации не работает. Если приложение может работать анонимно, то не работают только блоки, требующие аутентификации.
источник

d

dalay in React: русскоязычное сообщество
Ага. Ок. Попробую сделать. Спасибо!
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Второй способ не совместим с SSR.
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
👍
источник

1

1N54N3 in React: русскоязычное сообщество
Ребята, как писать нормальный код?
Учил жс, учил реакт по документации, но код получается на уровне вкатыша, с кучей верстки и логикой которую можно вынести в отдельные компоненты.
Как можно научиться писать код? Можно прочитать бест практикс, но это прям не научит сильно.
источник

d

dalay in React: русскоязычное сообщество
Юра Чеботаев
Я два метода знаю:
1. Обернуть все приложение в <Authentication>{isAuthenticated => (...)}</Authentication>.
2. Делать ReactDOM.Render только после аутентификации. Т.е. аутентификация производится вне приложения, а приложение загружается на готовенькое.
Да, все классно заработало.
Сейчас только попробовал. Спасибо еще раз за подсказку

const Authentication = () => {
   const auth = useSelector(state => state.auth);
   const session = auth.is_logged !== undefined;
   if (session) {
       return <App/>;
   }
   return <MainError/>;
};
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
@RewriteH Я, собственно говоря, учился просто так в Интернете. В этом ценности строго 0. Потом все равно приходишь на работу, а там все или после курсов, или закаленные в боях.
источник

DB

David Bowie in React: русскоязычное сообщество
1N54N3
Ребята, как писать нормальный код?
Учил жс, учил реакт по документации, но код получается на уровне вкатыша, с кучей верстки и логикой которую можно вынести в отдельные компоненты.
Как можно научиться писать код? Можно прочитать бест практикс, но это прям не научит сильно.
Код-ревью на работе
источник

SC

Serega Carbon in React: русскоязычное сообщество
всем привет. Кто писал e2e тесты, это вообще правильно использовать замоканый бэкенд и замоканый http?
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Serega Carbon
всем привет. Кто писал e2e тесты, это вообще правильно использовать замоканый бэкенд и замоканый http?
Приходится )
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Я был на докладе, посвященному Double Loop TDD. Если вы этой практике следуете, то на выходе у вас появляется два набора тестов: юниты и функциональные с моками.
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Функциональные, запущенные с моками и без дадут одинаковый результат, если все ок.
источник

SC

Serega Carbon in React: русскоязычное сообщество
окей, спасибо
источник

1

1N54N3 in React: русскоязычное сообщество
David Bowie
Код-ревью на работе
Без работы.
источник