Основен урок по React
Въведение
Инсталиране на React
Свързване на плъгина react-devtools
Компонентен подход
Оформление на сайта
Резултат от работата на компонента
Езикът JSX
Въведение в JSX
Връщане на вложени тагове
Пренасяне на таг надолу
Връщане на няколко тага
Връщане на незатворен таг
Връщане на празен таг от функция
Вмъкване на стойности на променливи
Нюанси при вмъкване на променливи
Вмъкване на масиви
Вмъкване на обекти
Вмъкване в атрибути
Съхранение на тагове в JSX
Съхранение на няколко тага
Тагове на различни редове
Връщане на тагове
Затвореност на JSX тагове
Коректност на верстката
Изпълнение на JavaScript код
Условия
Условия в JSX
Показване по условие
Условия за връщане на таг
Тернарен оператор в JSX
Използване на оператора && в JSX
Инвертиране за съкратени условия
Функции
Използване на функции
Извикване на функции в тагове
Закачане на манипулатори
Параметри на манипулаторите
Обект Event
Обект Event при подаване на параметри
Формиране на тагове
Масив от тагове
Масив от тагове в цикъл
Тагове от масив с данни
Ключове в масив
Масив от обекти
Ключове чрез id
Таблица от масив от обекти
Уникални id
Обсъждане
Проблеми с нови id
Случайни низове за id
Генериране на id
Функция за генериране на id
Използване на функцията id
Неправилно използване на функцията
Състояния
Въведение в състоянията
Използване
Реактивност
Булева стойност в състоянието
Брояч при работа със състояния
Форми
Работа с полета за въвеждане
Промяна на данните при извеждане
Промяна на данните с помощта на функция
Работа с няколко полета за въвеждане
Обработка на данни от формата
Работа с textarea
Работа с квадратчета за отметка
Квадратчета за отметка и условно рендиране
Работа с падащи списъци
Елементи на падащия списък от масив
Атрибути value в падащия списък
Атрибути value на падащия списък от масив
Работа с радио бутони
Стойности по подразбиране
Свързване на полета за въвеждане с масив
Свързване на полета за въвеждане с обект
Данни
Въведение
Реактивно добавяне в масив
Реактивни операции над масиви
Реактивно добавяне в масив от обекти
Реактивни операции над масиви от обекти
Реактивно показване на данни
Компоненти
Въведение в компонентите
Използване на компоненти
Няколко екземпяра на компонент
Пропси на компонентите
Дъщерни компоненти
Масив за създаване на дъщерни компоненти
Дъщерни компоненти в цикъл
Предаване на състояния към дъщерни компоненти
Предаване на id към компонент
Промяна на състоянието на родителя
Редактиране на състоянието на родителя
Редактиране на състоянието на прародителя
Режими на работа чрез състояния
Концепции
Въведение
Данни на компонентите
Типове компоненти
Еднопосочен поток от данни
Повишаване на състояния
Един източник на истината
Стилизиране
Методи за стилизиране в React
Глоблен CSS
Вмъкване на данни в атрибута style от обект
Вмъкване на данни в атрибута style от отделен файл
Работа с CSS стилове в атрибута style
Вмъкване на данни в атрибута style от променливи
Styled Components
Пропсове в Styled Components
Пропсове и условно рендиране в Styled Components
Компоненти с разширено стилизиране
Начало на работа с CSS modules
Продължаване на работата с CSS modules
Команда composes за класове
Команда composes за файлове
