Программа
Этот курс рассчитан на людей с опытом работы на React. Здесь мы будем учиться использовать экосистему React для решения стандартных задач: testing, drag-n-drop, lazy-loading, grids, forms и т.д. Разберем продвинутые варианты композиции редюсеров и работы с сайд-эффектами в Redux, будем работать с redux-saga. Изучим альтернативные подходы к слою бизнес-логики, детально разберем MobX. Научимся использовать GraphQL и Apollo. Построим простое универсальное(SSR) приложение с NextJS. Познакомимся с разработкой приложений на React Native и поработаем с real-time на примере MobX и Redux-Saga.
В этом курсе мы будем строить мобильное приложение на React Native и админку для него, используя облачную real-time базу данных Firebase. Начнем с веб-интерфейса админки, научимся работать с авторизацией, будем использовать популярные UI библиотеки (react-dnd, react-virtualized), разберем redux-saga. Затем построим простое мобильное приложение на React Native, для которого будем использовать MobX.
Курс состоит из 4-х блоков:
- Продвинутый Redux.
- Экосистема React.
- React-Native.
- Основы MobX.
Продвинутый Redux:
В современном мире существует достаточно большое количество подходов к построению архитектуры Redux. Некоторые из них очень мощные, но достаточно сложные, поэтому в этом блоке мы изучим их подробно.
- Redux-Form.
- Авторизация в React приложениях (backend в Firebase, можно любой другой).
- Разные подходы к композиции редюсеров, плюсы и минусы.
- Redux Ducks.
- Варианты работы с сайд-эфектами: redux-thunk, redux-promise, redux-loop, redux-saga.
- Работа с сагами, их тестирование.
Экосистема React:
- Тестирование React-компонент.
- Drag-N-Drop с react-dnd.
Фреймворки для React:
React Native:
- GraphQL, как язык запросов, особоенности и реализация.
- Apollo, клиент для GraphQL.
- Построение универсальных приложений, NextJS
- Настройка окружения React Native.
- Разбор основных принципов и отличий от работы в браузере.
- Базовые компоненты React Native.
- Стили для React Native, Flexbox.
- Некоторые неочевидные проблемы верстки для React Native.
- Роутинг с React Native Router Flux.
MobX:
- Основы MobX.
- Построение архитектуры приложения.
- Работа с данными.
- Подводные камни.
- Работа с сетью.
- Пример real-time в MobX и Redux-Saga.
- Вы можете строить архитектуру приложения выбирая лучший из многих доступных вариантов, не ограничиваясь стандартным путем.
- Вы не ограничены Redux-ом: уже умеете использовать MobX, знаете какие еще есть системы, их плюсы и минусы, можете легко в них разобраться.
- Вы знакомы с мощными инструментами дла коммуникации с сервером(GraphQL и Apollo)
- Вы понимаете, как строить универсальные приложения с серверным рендерингом.
- Вы знаете не только сам React, но и множество вспомогательных библиотек, умеете решать стандартные задачи не изобретая велосипедов.
- Вы знакомы с React Native, можете строить не только Web, но и Mobile приложения.
Последнее редактирование модератором: