$ sudo teach|
    $ sudo teach|
    IT school
  • Telegram
  • Партнёрам
  • Все курсы
$ sudo teach IT
OOO "SALEPROFIT"Контакты и реквизитыIT-Park Logo

Школа

  • Блог
  • Проверить сертификат

Сотрудничество

  • Стать учителем
  • Партнёрская программа
  • О проекте

Право

  • Оферта
  • Политика конфиденциальности

© 2023–2026 $ sudo teach IT™. All Rights Reserved. Public user contributions licensed under CC BY-SA 4.0 license with attribution required
TelegramGitHubYouTube
AI-помощник
Обновлен 09.11.2026

React с нуля: от первого компонента до своего приложения

Курс по React 19 и TypeScript для начинающих: соберёте и выложите в интернет своё приложение для портфолио, 51 задача с автопроверкой.

Практические задания
Помощь от учителя
Поддержка 24/7
React с нуля: от первого компонента до своего приложения


Программа курса

11 разделов • 49 уроков

1

Знакомство с React

1.4. JavaScript и TypeScript для React
2

Компоненты и JSX

2.1. Что такое JSX
2.2. Компоненты
2.3. Пропсы компонентов
2.4. Списки и условный рендер
2.5. Практикум: статичная «Полка»
3

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

3.1. События в React
3.2. Хук useState
3.3. Объекты и массивы в состоянии
3.4. Подъём состояния
3.5. Практикум: «Полка» оживает
4

Формы

4.1. Управляемые поля ввода
4.2. Валидация и отправка формы
4.3. Формы в React 19
4.4. Практикум: добавление книги
5

Эффекты и данные

5.1. Рендер и чистота
5.2. Хук useEffect
5.3. Загрузка данных с fetch
5.4. Хук useRef
5.5. Когда эффект не нужен
6

Свои хуки

6.1. Создание своих хуков
6.2. Поиск с debounce
6.3. Хук useReducer
6.4. Практикум: хук useShelf
7

Контекст и архитектура

7.1. Контекст в React
7.2. Тёмная тема на контексте
7.3. Контекст для «Полки»
7.4. Структура React-проекта
8

Маршрутизация

8.1. Основы React Router
8.2. Вложенные маршруты
8.3. Параметры маршрута
8.4. Query-параметры и фильтры
8.5. Ошибки и ленивая загрузка
9

TanStack Query

9.1. Зачем TanStack Query
9.2. Статусы и кеш запросов
9.3. Бесконечная подгрузка
9.4. Мутации данных
9.5. Оптимистичные обновления
10

Качество кода

10.1. Производительность
10.2. Плавный интерфейс
10.3. Тесты компонентов
10.4. Доступность
11

Финальный проект

11.1. Практикум: статистика и цель
11.2. Сборка и деплой
11.3. Проект в портфолио
11.4. Куда дальше

Преподаватели

Изучите преподавательский состав

avatar

Тимур Сагитов

Эксперт

Инженер-программист, Senior Python Developer. Основатель школы $ sudo teach IT и автор YouTube-канала о программировании с более чем 5 млн просмотров.


Отзывы о курсе

0 отзыва

Войдите в аккаунт, чтобы оставить отзыв о курсе

Доступ навсегда
24/7 Support
React 19
TypeScript
Vite
React Router
TanStack Query
хуки
Vitest