В этой теме нет ответов

[НЛО]

Название: Продвинутая разработка на "React" (2020)

Автор: learn.javascript.ru

Описание:

 

Цель интенсива - научиться эффективно использовать экосистему 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, то этого достаточно.

 

Anonymous poster hash: c6d5d...34d

Продажник:

Скрытый контент:

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

Скачать:

Скрытый контент:

  Для просмотра содержимого необходимо 100 очков репутации (вам не хватает 100)

 Скачать без ограничений   Купить этот материал за 390 руб.