Основные возможности платформы Hexlet не доступны в вашем браузере.
Пожалуйста, обновитесь. Выбрать браузер.
курс

JS: React

React — библиотека, которая перевернула наши представления о том, как разрабатывать фронтенд. В этом курсе мы затронем все аспекты его работы и шаг за шагом, начиная с простых компонентов, дойдем до взаимодействия с бекендом и интеграции с кодом, написанном без его использования (на jquery).

Сначала рекомендуем пройти курс JS: DOM API

1.

Введение

теория (текст)

Познакомиться с курсом и подготовить окружение.

2.

Компоненты

теория (текст) / тесты / упражнение

Познакомиться с базовой единицой в react - компонентом. Научиться его создавать и отрисовывать в браузере.

3.

JSX

теория (текст) / тесты / упражнение

Научиться эффективно использовать jsx.

4.

Props

теория (текст) / тесты / упражнение

Познакомиться с механизмом передачи данных в компоненты.

5.

Работа с коллекциями

теория (текст) / тесты / упражнение

Научиться обрабатывать коллекции данных внутри компонентов

6.

Различия jsx и html

теория (текст) / тесты / упражнение

Узнать об особенностях jsx, которые работают не так как в html

7.

Обработка имен классов

теория (текст) / упражнение

Научиться правильно работать с классами компонентов, которые могут изменяться динамически

8.

Children

теория (текст) / тесты / упражнение

Научиться создавать компоненты боксы, способные работать с вложенными компонентами.

9.

Состояние

теория (текст) / тесты / упражнение

Познакомиться с созданием statefull компонентов. Научиться добавлять интерактивности.

10.

События

теория (текст) / тесты / упражнение

Познакомиться с особенностями системы событий реакта.

11.

Автоматное программирование

теория (текст) / упражнение

Вспомнить что все вокруг автоматы. Научиться правильно работать с автоматами в реакте.

12.

Формы

теория (текст) / тесты / упражнение

Изучить принципы взаимодействия с формами

13.

Неизменяемость

теория (текст) / тесты / упражнение

Научиться работать с составными структурами в неизменяемом стиле. Познакомиться с библиотекой `immutability-helper`

14.

Вложенные компоненты

теория (текст) / тесты / упражнение

Разобраться с хранением состояния и управлением событиями во вложенных компонентах

15.

Функциональные компоненты

теория (текст) / упражнение

Рассмотреть создание компонентов на основе функций и использованию неймспейсов

16.

Virtual Dom

теория (текст) / тесты / упражнение

Познакомиться с устройством реакта

17.

Тестирование

теория (текст)

Познакомиться с курсом. Узнать о проблемах, которые поджидают разработчика при работе с исходным кодом.

18.

Асинхронная обработка

теория (текст) / упражнение

Узнать об особенностях работы с объектом событием в асинхронном коде. Попрактиковаться с созданием асинхронных обработчиков.

19.

Component Lifecycle

теория (текст) / упражнение

Познакомиться с жизненным циклом компонента в процессе работы.

20.

Производительность

теория (текст) / тесты

Научиться выжимать из реакта максимальную производительность

21.

Refs

теория (текст) / упражнение

Научиться взаимодействовать с реальным домом для интеграции сторонних компонентов

Испытания

В некоторых курсах есть практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. В этом курсе таких заданий нет, но вы можете посмотреть задания из других курсов.

Статистика
1847
учащихся
678
вопросов
и ответов
23
часа
Учитель