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

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

  теория

  упражнение

Автор

Впечатления #