Описание
React — библиотека, которая перевернула наши представления о том, как разрабатывать фронтенд. В этом курсе мы затронем все аспекты его работы и шаг за шагом, начиная с простых компонентов, дойдем до взаимодействия с бекендом и интеграции с кодом, написанном без его использования (на jquery).Пререквизиты
JS: DOM APIУроки курса
-
2
Компоненты
Познакомиться с базовой единицой в react - компонентом. Научиться его создавать и отрисовывать в браузере. -
5
Работа с коллекциями
Научиться обрабатывать коллекции данных внутри компонентов. -
6
Различия jsx и html
Узнать об особенностях jsx, которые работают не так как в html. -
7
Обработка имен классов
Научиться правильно работать с классами компонентов, которые могут изменяться динамически. -
8
Children
Научиться создавать компоненты боксы, способные работать с вложенными компонентами. -
9
Состояние
Познакомиться с созданием statefull компонентов. Научиться добавлять интерактивности. -
11
Автоматное программирование
Вспомнить что все вокруг автоматы. Научиться правильно работать с автоматами в реакте. -
13
Неизменяемость
Научиться работать с составными структурами в неизменяемом стиле. Познакомиться с библиотекой `immutability-helper`. -
14
Вложенные компоненты
Разобраться с хранением состояния и управлением событиями во вложенных компонентах. -
15
Функциональные компоненты
Рассмотреть создание компонентов на основе функций и использования неймспейсов. -
17
Тестирование
Узнать о проблемах, которые поджидают разработчика при работе с исходным кодом. -
18
Асинхронная обработка
Узнать об особенностях работы с объектом событием в асинхронном коде. Попрактиковаться в создании асинхронных обработчиков. -
19
Component Lifecycle
Познакомиться с жизненным циклом компонента в процессе работы. -
21
Refs
Научиться взаимодействовать с реальным домом для интеграции сторонних компонентов.
Автор
Сооснователь и технический директор образовательного проекта Hexlet. Соорганизатор конференции Nastachku.ru. В прошлом руководил филиалом undev.ru в Ульяновске, а до этого работал в Qik (Skype). Создает инженерную культуру в компаниях и несет в массы XP, DDD и DevOps. Евангелист ментального программирования.
Впечатления
Крутой курс, спасибо!
Чуть-чуть сократил решение учителя. При использовании стрелочной функции this замыкается до компонента и this.onChange(e) отрабатывает правильно.
продолжительность
49 часов
награда
111 баллов