FreeCode.Academy

Стратегии обучения

Уроки

Технологии

Участники

Проекты

Задачи

Таймеры

Топики

Блоги

Офис

О проекте

Создание простого элемента JSX
Создание сложного элемента JSX
Добавить комментарии в JSX
Выделение HTML-элементов в DOM
Определить класс HTML в JSX
Узнайте о самозакрывающихся тегах JSX
Создание функционального компонента без учета состояния
Создать реактивный компонент
Создание компонента с композицией
Использовать React для вставки вложенных компонентов
Компоновка компонентов реакции
Отобразить компонент класса в DOM
Напишите компонент реакции с нуля
Передача реквизитов функциональному компоненту без состояния
Передайте массив как реквизит
Использовать опоры по умолчанию
Переопределить опоры по умолчанию
Используйте PropTypes для определения реквизита, который вы ожидаете
Доступ к реквизитам с помощью this.props
Обзор использования реквизитов с функциональными компонентами без учета состояния
Создание компонента состояния
Состояние визуализации в пользовательском интерфейсе
Показывать состояние в пользовательском интерфейсе другим способом
Установить состояние с this.setState
Привязать 'это' к методу класса
Использовать состояние для переключения элемента
Написать простой счетчик
Создание управляемого входа
Создание управляемой формы
Состояние передачи в качестве компонентов реквизита для детей
Передача обратного вызова в качестве реквизита
Использовать компонент Lifecycle MethodWillMount
Используйте метод Lifecycle MethodDidMount
Добавить слушателей событий
Оптимизировать повторные рендеринги с shouldComponentUpdate
Представление встроенных стилей
Добавить встроенные стили в действии
Использовать расширенный JavaScript в методе React Render
Выдавать с условием If-Else
Используйте && для более сжатого условного
Использование терминологического выражения для условного рендеринга
Отказывать условно от реквизита
Изменение встроенного CSS, условно основанного на состоянии компонента
Используйте Array.map () для динамически визуализирующих элементов
Дайте сиблинг-элементам уникальный атрибут ключа
Используйте Array.filter () для динамического фильтра массива
Render React на сервере с помощью renderToString
Управление обновлениями с помощью методов жизненного цикла