javascript.ru | Продвинутая разработка на React (2020) PCRec
Автор: javascript.ru
Производство: Роман Якобчук
Жанр: Программирование, React
Описание:Цель интенсива - научиться эффективно использовать экосистему React. В современном мире есть множество довольно непростых задач, которые повторяются из во многих проектах. Мы разберем, как решать их быстро, не изобретая собственных велосипедов. Например, научимся использовать redux-saga, тестировать приложения. Познакомимся с GraphQL (Apollo) и построением универсальных (SSR) приложений. А также разберем React Native и альтернативный подход к управлению состоянием - MobX.
Продолжительность: 13:21:37
Качество видео: PCRec
Язык озвучки: Русский
Видео: AVC/H.264, 1680x1050, ~120 Kbps
Аудио: AAC LC SBR, 1 ch, 64 Kbps
Проект:
В этом курсе мы будем строить мобильное приложение на React Native и админку для него, используя облачную real-time базу данных Firebase. Начнем с веб-интерфейса админки, научимся работать с авторизацией, будем использовать популярные UI библиотеки (react-dnd), разберем redux-saga. Затем построим простое мобильное приложение на React Native, для которого будем использовать MobX.
Состав курса:
Блок 1. Продвинутый Redux.
В современном мире существует достаточно большое количество подходов к построению архитектуры Redux. Некоторые из них очень мощные, но достаточно сложные, поэтому в этом блоке мы изучим их подробно.
Formik.
Авторизация в React приложениях (backend в Firebase, можно любой другой).
Разные подходы к композиции редюсеров, плюсы и минусы.
Redux Ducks.
Варианты работы с сайд-эфектами: redux-thunk, redux-promise, redux-loop, redux-saga.
Работа с сагами, их тестирование.
Блок 2. Экосистема React.
Тестирование React-компонент.
Drag-N-Drop с react-dnd.
Блок 3. Фреймворки для React.
GraphQL, как язык запросов, особоенности и реализация.
Apollo, клиент для GraphQL.
Построение универсальных приложений, NextJS.
Блок 4. React Native.
Настройка окружения React Native.
Разбор основных принципов и отличий от работы в браузере.
Базовые компоненты React Native.
Стили для React Native, Flexbox.
Навигация с React Navigation.
Блок 5. MobX.
Основы MobX.
Построение архитектуры приложения.
Работа с данными.
Подводные камни.
Работа с сетью.
Пример real-time в MobX и Redux-Saga.
Предварительные требования:
Знание JavaScript, включая ООП и паттерны, знакомство с CSS/HTML.
Знание основ React и экосистемы: redux, immutable, react-router@4/5, reselect, connected-react-router. Если вы прошли наш основной курс по React, то этого достаточно.
Скриншоты:
Время раздачи: 24/7 (круглосуточно) (до появления первых 3-5 скачавших)