курс
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
Научиться взаимодействовать с реальным домом для интеграции сторонних компонентов
★ Испытания
В некоторых курсах есть практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. В этом курсе таких заданий нет, но вы можете посмотреть задания из других курсов.
Статистика
и ответов
Учитель
Со-основатель и технический директор образовательного проекта Hexlet. Со-организатор конференции Nastachku.ru. В прошлом руководил филиалом undev.ru в Ульяновске, а до этого работал в Qik (Skype). Создает инженерную культуру в компаниях и несет в массы XP, DDD и DevOps. Евангелист ментального программирования.
Принимали участие в создании курса:
- Rakhim Davletkaliyev (Иллюстрации, редактура)