React — библиотека, которая перевернула наши представления о том, как разрабатывать фронтенд. В этом курсе мы затронем все аспекты его работы и шаг за шагом, начиная с простых компонентов, дойдем до взаимодействия с бекендом и интеграции с кодом, написанном без его использования (на jquery).
Подготовительный курс
JS: DOM APIУроки курса
-
2
Компоненты
Познакомиться с базовой единицей в react — компонентом. Научиться его создавать и отрисовывать в браузере. -
5
Работа с коллекциями
Научиться обрабатывать коллекции данных внутри компонентов. -
6
Различия jsx и html
Узнать об особенностях jsx, которые работают не так как в html. -
7
Обработка имен классов
Научиться правильно работать с классами компонентов, которые могут изменяться динамически.упражнение
-
11
Автоматное программирование
Вспомнить что все вокруг автоматы. Научиться правильно работать с автоматами в реакте.упражнение
-
13
Неизменяемость
Научиться работать с составными структурами в неизменяемом стиле. Познакомиться с библиотекой `immutability-helper`. -
14
Вложенные компоненты
Разобраться с хранением состояния и управлением событиями во вложенных компонентах. -
15
Функциональные компоненты
Рассмотреть создание компонентов на основе функций и использования неймспейсов.упражнение
-
17
Тестирование
Узнать о проблемах, которые поджидают разработчика при работе с исходным кодом. -
18
Асинхронная обработка
Узнать об особенностях работы с объектом событием в асинхронном коде. Попрактиковаться в создании асинхронных обработчиков.упражнение
Автор
Сооснователь и технический директор образовательного проекта Hexlet. Программирует с 2007 года. За это время прошел путь от разработчика до технического директора и управляющего отдельным подразделением (филиалом). Управлял командами, в которых больше 50 разработчиков. Программирует на языках: elixir, clojure, javascript, php, ruby. Со-организатор конференции nastachku.ru. Вимер. Топит за DevOps и автоматизированные тесты.
Впечатления
Спасибо за отличный курс по React! Раньше для меня Reaсt казался чем то сложным , но после такого досконального объяснения разных мелочей , рад что стал намного лучше разбираться в нем чем раньше. После подробного изучения темы про DOM API , React получилось пройти в два раза быстрее , хотя сама тема в 2 раза больше )))
Крутой курс, спасибо!
Чуть-чуть сократил решение учителя. При использовании стрелочной функции this замыкается до компонента и this.onChange(e) отрабатывает правильно.
