- Регистрация
- 24.09.2021
- Сообщения
- 38 390
Цель интенсива - научиться эффективно использовать экосистему React. В современном мире есть множество довольно непростых задач, которые повторяются из во многих проектах. Мы разберем, как решать их быстро, не изобретая собственных велосипедов. Например, научимся использовать redux-saga, тестировать приложения. Познакомимся с GraphQL (Apollo) и построением универсальных (SSR) приложений. А также разберем React Native и альтернативный подход к управлению состоянием - MobX. Курс состоит из 4-х блоков: БЛОК 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. Проект В этом курсе мы будем строить мобильное приложение на React Native и админку для него, используя облачную real-time базу данных Firebase. Начнем с веб-интерфейса админки, научимся работать с авторизацией, будем использовать популярные UI библиотеки (react-dnd), разберем redux-saga. Затем построим простое мобильное приложение на React Native, для которого будем использовать MobX. Предварительные требования Знание JavaScript, включая ООП и паттерны, знакомство с CSS/HTML. Знание основ React и экосистемы: redux, immutable, react-router@4/5, reselect, connected-react-router. Если вы прошли наш основной курс по React, то этого достаточно. Интернет 256kb/s или быстрее для видео. 
|
