redux-toolkit
React hooks
redux
компоненты

React

Навык разрабатывать быстрые и удобные интерфейсы, открывающий доступ к интересным вакансиям в крупных компаниях

Начать обучение

Входит в подписку (более 50 навыков)

Евгений Филиппов

выпускник Хекслета

Программа обучения

Основы React и JSX

Компоненты как базовые единицы React, использование JSX, передача данных через props

Работа с коллекциями и особенностями JSX

Обработка коллекций данных, различия между JSX и HTML, динамическая обработка классов компонентов

Состояние и события

Работа со state в компонентах, система событий React, управление вложенными компонентами через children

Архитектура и неизменяемость данных

Автоматное программирование, формы, работа с неизменяемыми структурами данных, хранение состояния и событий во вложенных компонентах

Глобальное состояние и оптимизация

Функциональные компоненты, Context API для глобального состояния, Virtual DOM, основы тестирования React-приложений

Жизненный цикл, производительность и работа с DOM

Асинхронная обработка событий, жизненный цикл компонентов, оптимизация производительности, использование Refs для взаимодействия с DOM

Введение в Redux и управление действиями

Основы Redux, диспатчинг действий, структура и разбиение хранилища, работа с редьюсерами

Расширение функциональности с мидлварами

Подключение мидлваров, расширение возможностей Redux, обработка промежуточной логики

Знакомство с Redux Toolkit

Интеграция Redux Toolkit с React, создание первого приложения, использование слайсов для работы с состоянием

Нормализация и оптимизация данных

Нормализация данных в хранилище, использование Entity Adapter для оптимизации и упрощения работы с данными

Расширенные возможности слайсов

Реагирование на действия других слайсов с помощью ExtraReducers, выполнение асинхронных запросов с createAsyncThunk

Автоматизация работы с API через RTK Query

Создание API-сервисов с использованием RTK Query, автоматизация HTTP-запросов и управление данными с минимальным кодом

Проекты

Чат (Slack)

Напишите real-time приложение на React/Redux, используя AJAX, REST, websockets, React (с хуками) + Redux (@reduxjs/toolkit) + Formik

Как проходит обучение

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

Подписка от 2 400 ₽/мес

Этот навык уже входит в подписку. Оформи доступ и открывай все навыки сразу (50+)

Подписаться →
  • 50+ навыков в одной подписке
  • Пожизненный доступ к теории
  • Обучение с ИИ-ассистентом
  • Отмена в любой момент