Все курсы

Продвинутая разработка на "React"

Курс для тех, кто уверенно чувсвтвует себя с React/Redux, и готов попробовать более продвинутые практики, современную экосистему и альтернативные подходы к решению задач.

Продвинутый React

Об интенсиве

Цель интенсива - научиться эффективно использовать экосистему React. В современном мире есть множество довольно непростых задач, которые повторяются из во многих проектах. Мы разберем, как решать их быстро, не изобретая собственных велосипедов. Например, научимся использовать 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.
  • Работа с сагами, их тестирование.

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

Преподаватель

Photo
Роман ЯкобчукВедет курс с 4 октября 2016

Программирование люблю и практикую с детства, даже затрудняюсь сказать, какой именно в нём опыт) C React работаю практически с момента открытия фреймворка для публики.

С 2017 года руковожу Front-end гильдией в Киевском R&D центре Wix. Наш основной стек – это React, и у нас он используется в нескольких десятках проектов, с очень разной инфраструктурой. Мы создаем на его основе от библиотек базовых компонент, до сложных приложений с серверным рендерингом и ленивой загрузкой.

Знаю с десяток языков, но в последнее время активно пишу только на JavaScript.

Выступаю на конференциях, провожу мастер-классы, курсы и консультации по фронтенд-разработке.

Что говорят о курсе участники

Мы занимаемся обучением с 2007 года. За это время у нас обучились тысячи разработчиков из разных стран и компаний.

Все отзывы являются честными. Мы не модерируем их.

Курс регулярно обновляется. Все отзывы относятся к последней версии курса.

Гарантия

У нас большой опыт работы с самыми разными компаниями: как маленькими, так и IT-гигантами (Яндекс, Мейл.ру и другие).

  • При записи нужно выбрать способ оплаты "счёт на компанию", и документы будут автоматически сгенерированы: договор, акт и счёт.
  • Для зарубежных компаний выдаём инвойс на английском языке.
  • Физическим лицам даём справку об оплате, если нужна компании для компенсации расходов.
  • Сведения о нас (для бухгалтерии): скачать архив с документами.

Подписаться на уведомления по курсу

Набор на этот интенсив сейчас не осуществляется, возможно, будет возобновлён позже. Вы можете запросить уведомление:

Мы рассылаем уведомления только когда вы их запрашиваете, вы можете отказаться в любой момент. Подписываясь на рассылку, вы соглашаетесь с политикой конфиденциальности.

Комментарии

перед тем как писать…
  • Если вам кажется, что в статье что-то не так - вместо комментария напишите на GitHub.
  • Для одной строки кода используйте тег <code>, для нескольких строк кода — тег <pre>, если больше 10 строк — ссылку на песочницу (plnkr, JSBin, codepen…)
  • Если что-то непонятно в статье — пишите, что именно и с какого места.