redux-toolkit

React hooks

redux

компоненты

React

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

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

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

Павел Колотий

выпускник фронтенд

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

1. React

24 упражнения

23 квиза

JSX

Состояние (state) и prop

Virtual DOM

Функциональные компоненты

Context API

Жизненный цикл компонентов

Основы React и JSX

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

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

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

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

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

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

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

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

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

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

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

2. Redux Toolkit

15 упражнений

11 квизов

Введение в Redux

Диспатчинг действий (dispatch)

Редьюсеры и их разбиение

Подключение Redux Toolkit к React

Асинхронные запросы с createAsyncThunk

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

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

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

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

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

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

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

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

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

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

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

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

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

Проекты

Чат

В рамках проекта вы разработаете чат-приложение с возможностью регистрации пользователей и создания каналов. Пример похожего приложения — Slack или Mattermost. Проект охватывает полный цикл разработки: от создания компонентов с использованием React и Redux Toolkit до взаимодействия с REST API и WebSockets. Вы научитесь использовать современные библиотеки в проекте, организовывать маршрутизацию и настраивать сборку и деплой. Проект позволит закрепить все ключевые навыки, необходимые фронтенд-разработчику в реальной жизни

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

Просто и наглядно

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

Проверяем и закрепляем знания

Учитесь на реальных задачах

Ваш AI наставник

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

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

Подписаться →