Обратный звонок
Содержание курса
Введение в React
-
Что такое React. Основные преимущества
00:00 -
Основы декларативного подхода
00:00 -
Возможности React, компоненты, состояние, применения
00:00 -
Экосистема React, основные библиотеки, из чего обычно состоит React-стек
00:00
Создание проекта
-
Конфигурация webpack на клиенте
00:00 -
Конфигурация webpack на сервере
00:00 -
Подключение к проекту HMR и SSR
00:00 -
Подключение Typescript
00:00 -
Подключение CSS modules, Jest, Enzyme
00:00
Typescript
-
Основы TypeScript. Типы
00:00 -
Работа с массивами
00:00 -
Работа с объектами и интерфейсами
00:00 -
Типизация функций и типы TS
00:00 -
Generics
00:00 -
Классы
00:00 -
Infer, typeof, keyof, Mapped Types
00:00
Компоненты на примере новостной карточки Reddit
-
Компоненты в React
00:00 -
Состояния в Class Components
00:00 -
Состояния в Functional Components
00:00 -
Создание Layout приложения. Часть 1
00:00 -
Создание Layout приложения. Часть 2
00:00 -
Создание компонента новостной карточки
00:00 -
Жизненный цикл компонента
00:00
Hooks и функциональное программирование
-
Каррирование и функции высшего порядка
00:00 -
Hooks в React
00:00 -
Map и Reduce в React
00:00 -
Создание компонента dropdown c использованием hooks
00:00 -
Compose, Pipe и их применение в React
00:00
Компоненты — продвинутые темы. Введение в тестирование компонентов
-
Адаптивные и неадаптивные компоненты. Mobile first и desktop first подходы
00:00 -
Создание Dropdown-меню с использованием state
00:00 -
Введение в unit-тесты и Jest
00:00 -
Написание тестов для React компонента. Enzyme vs Snapshots
00:00 -
Вспомогательные компоненты
00:00
Работа с публичным API на примере Reddit
-
Как работать с API
00:00 -
Регистрируем аккаунт разработчика на Reddit
00:00 -
OAuth2
00:00 -
Страница авторизации пользователя
00:00 -
Как структурировать API-запросы в приложении
00:00
React Context
-
Забираем из API данные пользователя
00:00 -
Отображаем данные пользователя в компоненте через prop
00:00 -
Используем React Context для работы с данными
00:00 -
Обновляем данные через контекст
00:00
Портал и форма
-
Верстаем карточку поста, используя ReactPortal
00:00 -
Ref и useRef React hook. Реализуем механизм click outside для скрытия модального окна
00:00 -
Controlled и uncontrolled компоненты на примере поля комментария
00:00 -
Сохраняем состояние формы, используя контекст
00:00
Введение в Redux на примере поля для ввода комментария
-
Введение в Redux
00:00 -
Устанавливаем Redux, подключаем его к приложению
00:00 -
Action + reducer
00:00 -
Presentation Components/Container Components
00:00
Использование Redux-Thunk на примере загрузки профиля пользователя
-
Работа с асинхронными запросами в Redux
00:00 -
Пишем простой logger middleware
00:00 -
Подключаем thunk к приложению. Пишем свой первый асинхронный action
00:00 -
Работа с асинхронным состоянием
00:00 -
Пишем простой loader
00:00
Формы на примере комментариев и карточки поста
-
Экскурс в формы. Проблематика форм React
00:00 -
Состояние полей. Различные подходы
00:00 -
Какие можно использовать библиотеки и почему они могут мешать
00:00 -
Сохраняем состояние формы, валидируем поля и выводим ошибки
00:00 -
Доступности, нативные элементов и возможности работать с формой через табуляцию
00:00
«Бесконечные» списки на примере ленты постов
-
Работа с запросами к API
00:00 -
Делаем загрузку ленты постов
00:00 -
Виды бесконечных скроллов и пагинаций
00:00 -
Делаем подгрузку ленты постов
00:00 -
Эффективный рендеринг больших списков
00:00
Сайдбар + роутинг
-
Создаем сайдбар, используя более продвинутые практики
00:00 -
Роутинг в SPA и в React
00:00 -
Подключаем React Router
00:00 -
Подключаем новостную ленту к роутеру
00:00 -
Дополнительный функционал роутинга
00:00
SSR + NextJS
-
Серверный и статический рендеринг. Изоморфные приложения
00:00 -
Делаем серверный рендеринг, используя express
00:00 -
NextJS
00:00 -
Переносим приложение на Next
00:00 -
Деплой приложения в Zeit
00:00
Бонусный модуль: Mobx
Рейтинги и отзывы студента
Отзывов пока нет