Основной учебник React
Введение
Установка фреймворка React
Подключение плагина react-devtools
Компонентный подход
Макет сайта
Результат работы компонента
Язык JSX
Введение в JSX
Возврат вложенных тегов
Снос тега вниз
Возврат нескольких тегов
Возврат незакрытого тега
Возврат функцией пустого тега
Вставка значений переменных
Нюансы при вставке переменных
Вставка массивов
Вставка объектов
Вставка в атрибуты
Хранение тегов в JSX
Хранение нескольких тегов
Теги на разных строках
Возврат тегов
Закрытость тегов JSX
Корректность верстки
Выполнение кода JavaScript
Условия
Условия в JSX
Показ по условию
Условия для возврата тега
Тернарный оператор в JSX
Использование оператора && в JSX
Инвертирование для сокращенных условий
Функции
Использование функций
Вызов функций внутри тегов
Навешивание обработчиков
Параметры обработчиков
Объект Event
Объект Event при передаче параметров
Формирование тегов
Массив тегов
Массив тегов в цикле
Теги из массива с данными
Ключи в массиве
Массив объектов
Ключи через id
Таблица из массива объектов
Уникальные id
Обсуждение
Проблемы с новыми id
Случайные строки для id
Генерация id
Функция для генерации id
Использование функции id
Неправильное использование функции
Стейты
Введение в стейты
Использование
Реактивность
Логическое значение в стейте
Счетчик при работе со стейтами
Формы
Работа с инпутами
Изменение данных инпута при их выводе
Изменение данных с помощью функции
Работа с несколькими инпутами
Обработка данных формы
Работа с textarea
Работа с чекбоксами
Чекбоксы и условный рендеринг
Работа с селектами
Пункты селекта из массива
Атрибуты value в селекте
Атрибуты value селекта из массива
Работа с radio
Значения по умолчанию
Привязка инпутов к массиву
Привязка инпутов к объекту
ссылка на выч им свойст
Данные
Введение
Реактивное добавление в массив
Реактивные операции над массивами
Реактивное добавление в массив объектов
Реактивные операции над массивами объектов
Реактивный показ данных
Компоненты
Введение в компоненты
Использование компонентов
Несколько экземляров компонента
Пропсы компонентов
Дочерние компоненты
Массив для создания дочерних компонентов
Дочерние компоненты в цикле
Передача стейтов в дочерние компоненты
Передача id в компонент
Изменение стейта родителя
Редактирование стейта родителя
Редактирование стейта прародителя
Режимы работы через стейты
Концепции
Введение
Данные компонентов
Типы компонентов
Однонаправленный поток данных
Подъем состояний
Один источник истины
Стилизация
Способы стилизации в React
Глобальный CSS
Вставка данных в атрибут style из объекта
Вставка данных в атрибут style из отдельного файла
Работа с CSS стилями в атрибуте style
Вставка данных в атрибут style из переменных
Styled Components
Пропсы в Styled Components
Пропсы и условный рендеринг в Styled Components
Компоненты с расширенной стилизацией
Начало работы с CSS modules
Продолжение работы с CSS modules
Команда composes для классов
Команда composes для файлов
Хуки
Введение
Типы хуков
Эффекты
Хук эффекта useEffect
Зависимости в useEffect
Глобальные обработчики в useEffect
Вариации хука useEffect
Контекст
Хук контекста useContext
Обновление контекста
Рефы
Хук рефа useRef
Хук useRef для DOM
Хук производительности useMemo
API memo для производительности
Хук производительности useCallback
Хук производительности useTransition
Хук производительности useDeferredValue