Вы можете выбрать товар из Каталога.
Автор: JavaScript
Название: Продвинутая разработка на 'React' (2020)
Описание:
Цель интенсива - научиться эффективно использовать экосистему . В современном мире есть множество довольно непростых задач, которые повторяются из во многих проектах. Мы разберем, как решать их быстро, не изобретая собственных велосипедов. Например, научимся использовать redux-saga, тестировать приложения. Познакомимся с GraphQL (Apollo) и построением универсальных (SSR) приложений. А также разберем React Native и альтернативный подход к управлению состоянием - MobX.
Обратите внимание: текущий набор на этот интенсив - последний. В ближайшие полгода новых таких интенсивов не будет.
Как организовано обучение?
Интенсив проходит два полных дня, с 10 до 18. В субботу разберем все что касается React в браузере, Redux, Redux Saga. В воскресенье пройдем по экосистеме: Apollo + GraphQL, Universal Apps, React Native + MobX.
У нас с вами будут перерывы и время на работу с вашими вопросами, если у вас есть кейсы, которые хотели бы разобрать - напишите о них заранее.
Программа
Курс состоит из 4-х блоков:
Блок 1
Продвинутый Redux:
В современном мире существует достаточно большое количество подходов к построению архитектуры Redux. Некоторые из них очень мощные, но достаточно сложные, поэтому в этом блоке мы изучим их подробно.
- Formik.
- Авторизация в React приложениях (backend в Firebase, можно любой другой).
- Разные подходы к композиции редюсеров, плюсы и минусы.
- Redux Ducks.
- Варианты работы с сайд-эфектами: redux-thunk, redux-promise, redux-loop, redux-saga.
- Работа с сагами, их тестирование.
Экосистема React:
- Тестирование React-компонент.
- Drag-N-Drop с react-dnd.
Фреймворки для React:
- GraphQL, как язык запросов, особоенности и реализация.
- Apollo, клиент для GraphQL.
- Построение универсальных приложений, NextJS
React Native:
- Настройка окружения React Native.
- Разбор основных принципов и отличий от работы в браузере.
- Базовые компоненты React Native.
- Стили для React Native, Flexbox.
- Навигация с React Navigation.
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 или быстрее для видео.
Подробнее:
Скачать: