Продолжительность
13 ч 21 мин 41 сек
Количество уроков
8 Видео
Дата добавления
17.05.2020
Курс для тех, кто уверенно чувсвтвует себя с React/Redux, и готов попробовать более продвинутые практики, современную экосистему и альтернативные подходы к решению задач.
Цель интенсива - научиться эффективно использовать экосистему React. В современном мире есть множество довольно непростых задач, которые повторяются из во многих проектах. Мы разберем, как решать их быстро, не изобретая собственных велосипедов. Например, научимся использовать redux-saga, тестировать приложения. Познакомимся с GraphQL (Apollo) и построением универсальных (SSR) приложений. А также разберем React Native и альтернативный подход к управлению состоянием - MobX.
Предварительные требования
- Знание JavaScript, включая ООП и паттерны, знакомство с CSS/HTML.
- Знание основ React и экосистемы: redux, immutable, react-router@4/5, reselect, connected-react-router. Если вы прошли наш основной курс по React, то этого достаточно.
- 00:05:32 - начало
- 00:16:09 - сетап
- 00:18:52 - formik (пару слов об redux-form и final-form)
- 01:04:20 - firebase/auth
- 01:12:52 - redux-ducks (пару слов об redux-toolkit)
- 01:29:30 - service firebase
- 01:46:00 - вопросы
День 1 - 2 - Побочные эффекты
- 00:02:00 - вопросы
- 00:06:10 - отношение автора к хукам
- 00:14:00 - проверка авторизации в момент открытия страницы
- 00:31:44 - сайд эффекты
- 00:42:54 - redux-saga vs redux observable
- 00:46:20 - event form (redux-thunks)
- 01:05:33 - redux-saga evenet
- 01:25:17 - вопрос: redux-saga vs redux-thunks
- 01:27:55 - объяснение как работают генераторы
- 01:32:47 - тестирование саг
- 01:51:17 - вопросы
День 1 - 3 - Тестирование
- 00:04:53 - вопросы
- 00:17:34 - пирамида тестирование
- 00:30:18 - юинт тесты и чуть-чуть интеграционного тестирования
День 1 - 4 - Тестирование и redux-saga
- 00:05:00 - концепция драйвера в плане написания тестов
- 00:16:21 - вопросы по тестам
- 00:19:51 - переписываем `sign in` и `sign up` на саги
- 00:28:32 - решение проблемы race conditions
- 00:31:33 - пример: блокирование формы входа при многократных попытках ввода неверных данных
- 00:45:00 - загрузка списка ивентов
- 00:59:19 - ретрай с экспоненциальными таймаутами
- 01:09:10 - реалтайм