React Notes / учебная мастерская
React / от данных к интерфейсу

Что меняется,
когда вы нажали кнопку?

Разбираем путь от события к новому экрану. Пять материалов с примерами кода, небольшими заданиями и ссылками на документацию.

Начать с состояния →

Пять тем для практики


Материалов: 5

Начать здесь

Состояние: от события к новому экрану

Почему обычной переменной недостаточно и что сохраняет useState.

Читать статью →
Компоненты

Компоненты с понятным контрактом

Передаём данные через props, а действия — через обработчики.

Читать статью →
Данные

Списки: почему key должен быть стабильным

От массива статей к списку, который переживает сортировку.

Читать статью →
Ввод данных

Управляемое поле и доступная форма

Связываем текстовое поле с состоянием и сохраняем понятную подпись.

Читать статью →
Поведение

Когда эффект нужен, а когда достаточно рендера

Отделяем вычисление данных от синхронизации с внешней системой.

Читать статью →