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

[Odyvanchik]

Курс Продвинутая разработка на "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. Некоторые из них очень мощные, но достаточно сложные, поэтому в этом блоке мы изучим их подробно.

*

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 или быстрее для видео.



—————————————————————————

🔗 Продажник:

📥 СКАЧАТЬ КУРС:

Для просмотра содержимого вам необходимо Войти или Зарегистрироваться.

🔐 Хотите получить доступ?

Чтобы увидеть скрытые ссылки и ставить лайки, активируйте VIP-статус.

💎 ПОЛУЧИТЬ ДОСТУП Наш Telegram канал