[javascript.ru] Курс Продвинутая разработка на "React" набор 2020

[javascript.ru] Курс Продвинутая разработка на "React" набор 2020

Этот курс рассчитан на людей с опытом работы на React. Здесь мы будем учиться использовать экосистему React для решения стандартных задач: testing, drag-n-drop, forms и т.д. Разберем продвинутые варианты композиции редюсеров и работы с сайд-эффектами в Redux, будем работать с redux-saga. Изучим альтернативные подходы к слою бизнес-логики, детально разберем MobX. Научимся использовать GraphQL и Apollo. Построим простое универсальное(SSR) приложение с NextJS. Познакомимся с разработкой приложений на React Native и поработаем с real-time на примере MobX и Redux-Saga.

В этом курсе мы будем строить мобильное приложение на React Native и админку для него, используя облачную real-time базу данных Firebase. Начнем с веб-интерфейса админки, научимся работать с авторизацией, будем использовать популярные UI библиотеки (react-dnd), разберем redux-saga. Затем построим простое мобильное приложение на React Native, для которого будем использовать MobX.

Курс состоит из 5-х блоков:

1. Спойлер: Продвинутый Redux.

   В современном мире существует достаточно большое количество подходов к построению архитектуры Redux. Некоторые из них очень мощные, но достаточно сложные, поэтому в этом блоке мы изучим их подробно.
   
   

   • Redux-Form.
   • Авторизация в 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.

Продажник: Скрытая ссылка