JS: React Hooks

Включено в курс

Чему вы научитесь

• Использовать встроенные хуки
• Создать приложение, состоящее только из функциональных компонентов
• Внедрить готовые хуки для решения типовых задач

Описание

На этом курсе вы изучите React Hooks. Вы узнаете, как создавать приложения без классов на функциональных компонентах. В итоге вы научитесь использовать основные хуки для управления состоянием, доступа к DOM-элементам и других функций. Хуки пригодятся, если вы решите использовать функциональные компоненты вместо классовых.

Этот курс предполагает, что студент уже уверенно владеет синтаксисом и методами работы с функциями и объектами, а также имеет базовое представление о React. Если вам нужно освоить или освежить какие-то знания, рекомендуем вам следующие курсы:

• Язык программирования JavaScript
• JS: Объекты
• JS: Функции
• JS: React

Программа курса

• 1

  Введение

  Знакомимся с курсом и готовим окружение

  теория
• 2

  Хук useState

  Знакомимся с принципами работы хуков и изучаем самый базовый, отвечающий за работу с состоянием

  теория

  тесты

  упражнение

• 3

  Хук useEffect

  Учимся изолировать побочные эффекты с помощью хуков

  теория

  тесты

  упражнение

• 4

  Хук useContext

  Учимся работать с контекстом через хуки

  теория

  тесты

  упражнение

• 5

  Хук useRef

  Учимся получать доступ к DOM-элементам с помощью хуков

  теория

  тесты

  упражнение

• 6

  Хуки useCallback и useMemo

  Учимся создавать значения с Memo

  теория

  тесты

  упражнение

• 7

  Композиция компонентов

  Учимся выстраивать правильную композицию и оптимизировать приложение без memo

  теория

  тесты

  упражнение

• 8

  Дополнительные материалы

  Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса

Формат обучения

Испытания

Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. Обычно мы рекомендуем выполнить 3-5 испытаний. Но если не получается, не отчаивайтесь. Просто вернитесь к ним позже

Отзывы

Кирилл Семейкин 27 ноября 2021

Здравствуйте! Упражнение понравилось. Из всех упражнении по хукам, до этого, этот наиболее интересен. Но теория в уроке как то хромает. Если не официальная документация, то дольше сидел с этим упражнением. Прошлый урок по useEffect лучше объяснен, хотя упражнение к нему простое И даже в некоторых моментах лучше объяснили по сравнению с документацией, например, как сделать только монтирование или размонтирование (передать вторым параметром пустой массив, хотя в документации я этого не увидел, может быть пропустил где-то). Спасибо за упражнение, надеюсь теорию дополните.