FreeCode.Academy
Стратегии обучения
Уроки
Технологии
Участники
Проекты
Задачи
Топики
Блоги
О проекте
Войти
↴ React
Создание простого элемента JSX
Создание сложного элемента JSX
Добавить комментарии в JSX
Вывод HTML-элементов в DOM
Объявление HTML-атрибута class в JSX
Узнайте о самозакрывающихся тегах JSX
Создание функционального компонента без учета состояния
Создать классовый (class-based) компонент
Создание компонента с композицией
Использовать React для вставки вложенных компонентов
Компоновка React-компонентов
Отобразить классовый компонент в DOM
Напишите React-компонент с нуля
Передача свойств функциональному компоненту
Передача массивов в качестве свойств React-компонентов
Использовать свойства по умолчанию
Переопределить свойства по умолчанию
Используйте PropTypes для определения типа свойства, который вы ожидаете
Доступ к свойствам с помощью this.props
Использование свойств в функциональных компонентах
Создание компонента с состоянием
Визуализация состояния в пользовательском интерфейсе
Визуализация состояния в пользовательском интерфейсе (еще один способ)
Установить состояние с помощью метода this.setState
Привязать this к методу класса
Использовать состояние для переключения элемента
Написать простой счетчик
Создание управляемого ввода
Создание управляемой формы
Передача состояний в качестве свойст дочерних компонентов
Передача обратного вызова в качестве реквизита
Метод componentWillMount жизненного цикла компонента
Метод componentDidMount жизненного цикла компонента
Добавление слушателей событий
Управление обновлениями с помощью методов жизненного цикла
Оптимизировать повторные рендеринги с shouldComponentUpdate
Представление встроенных стилей
Добавление встроенных стилей в React
Использовать расширенный JavaScript в методе React render
Визуализация с условием If-else
Используйте && для более сжатого условия
Используйте тернарный оператор для условного рендеринга
Рендеринг в зависимости от переданных свойств
Изменение встроенного CSS, условно основанного на состоянии компонента
Использование Array.map() для динамической визуализации элементов
Дайте дочерним элементам уникальный атрибут key
Используйте Array.filter() для динамического фильтра массива
Рендеринг React на сервере с помощью renderToString