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