Основной учебник 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 в компонент
Изменение стейта родителя
Редактирование стейта родителя
Редактирование стейта прародителя
Режимы работы через стейты
Концепции
Введение
Данные компонентов
Типы компонентов
Однонаправленный поток данных
Подъем состояний
Один источник истины