Основные возможности платформы 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

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

    теория   практика  
  • Course completed

  • Практика после курса

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

Подробнее о курсе

Учащихся
1191
Сообщений
434
Упражнений
0
Часов
19