К содержанию

Основен урок по React

Урок за JavaScript фреймуърка React. За начинаещи. Много теория и задачи.

Уроки

Въведение във фреймуърка React

Инсталиране на框架 React

Свързване на плъгина react-devtools

Въведение в компонентния подход в React

Макет на сайта на фреймуърка React

Резултат от работата на компонент

Езикът JSX

Въведение в езика JSX в React

Връщане на вложени JSX тагове от функции

Правила за връщане от функция при пренасяне на таг надолу в JSX

Особенности на връщането на множество тагове в JSX

Връщане на незатворен JSX таг

Връщане на празен таг от функция в JSX

Вмъкване на стойности на променливи и константи в JSX

Нюанси при вмъкване на стойности на променливи

Вмъкване на масиви в JSX

Вмъкване на обекти в JSX

Вмъкване на променливи и константи в атрибути на тагове в JSX

Съхраняване на тагове в променливи и константи в JSX

Особенности на съхраняването на множество тагове в JSX константи

Тагове на различни редове в JSX

Връщане на тагове чрез return в JSX

Затваряне на тагове в JSX

Коректност на верстката в React

Изпълнение на JavaScript код

Условия

Прилагане на условия в JSX

Показ по условие в React

Условия за връщане на таг в JSX

Тернарен оператор в JSX

Използване на оператора && в JSX

Инвертиране за съкратени условия в JSX

Функции

Използване на функции в React

Извикване на функции в тагове в React

Прикачане на събития в JSX

Параметри във функция JSX

Обект Event в React

Обект Event при предаване на параметри

Формиране на тагове

Тагове в JSX масиви

Формиране на масив от тагове в цикъл на React

Формиране на тагове от масив с данни в React

Уникални ключове в масив от тагове в React

Извеждане на масив от обекти в React

Уникални ключове чрез id в React

Извеждане на масив от обекти като HTML таблица в React

Уникални id

Обсуждение на уникални id в React

Проблеми с нови id в React

Случайни низове за id в React

Генериране на id в React

Функция за генериране на id в React

Използване на функцията id в React

Неправилно използване на функцията id в React

Състояния

Въведение в състоянията в React

Използване на състояния в React

Реактивност на състоянията в React

Булева стойност в състоянието в React

Брояч със състояния в React

Форми

Работа с inputs в React

Промяна на данни от input при тяхното извеждане в React

Промяна на данни с помощта на функция в React

Работа с няколко инпута в React

Обработка на данни от формуляр при натискане на бутон в React

Работа с textarea в React

Работа с checkbox в React

Чекбокси и условен рендеринг в React

Работа с select в React

Елементи на селект от масив в React

Атрибути value в селект в React

Атрибути value на селект от масив в React

Работа с radio в React

Стойности по подразбиране в React

Свързване на инпутни полета към масив в React

Свързване на инпути към обект в React

Данни

Реактивност на данни в React

Реактивно добавяне в масив в React

Реактивни операции над масиви в React

Реактивно добавяне към масив от обекти в React

Реактивни операции над масиви от обекти в React

Реактивно показване на данни в React

Компоненти

Въведение в компонентите на React

Използване на компоненти в React

Няколко екземпляра на компонент в React

Пропси на компоненти в React

Създаване на дъщерни компоненти в React

Масив за създаване на дъщерни компоненти в React

Дъщерни компоненти в цикъл React

Подаване на състояния към дъщерни компоненти в React

Предаване на id в компонент в React

Промяна на състоянието на родителя в детски компонент в React

Редактиране на състоянието на родителя в детски компонент в React

Редактиране на състояние във вътрешен компонент в React

Режими на работа чрез състояния на наследници компоненти в React

Концепции

Концепции на React при работа с компоненти

Данни на компоненти в React

Типове компоненти в React

Еднопосочен поток от данни в React

Издигане на състояния в React

Един източник на истина в React

Стилизиране

Методи за стилизиране на React компоненти

Използване на глобални CSS при стилизиране в React

Вмъкване на данни в атрибута style от обект в React

Вмъкване на данни в атрибута style от отделен файл в React

Работа с CSS стилове в атрибута style в React

Вмъкване на данни в атрибута style от променливи в React

Стилизиране с Styled Components в React

Използване на пропси със Styled Components в React

Използване на пропси в условен рендъринг със Styled Components в React

Разширено стилизиране на компоненти в React

Начало на изучаване на стилизирането с CSS modules в React

Продължаване на изучаването на стилизирането с CSS modules в React

Командата composes за класове в CSS modules в React

Команда composes за файлове в CSS modules в React

Проекти

Проект Чеклист в React

Проект за Бележник в React