Хуки в React

В этом уроке мы начнем знакомиться с хуками. Мы уже сталкивались с ними, когда изучали стейты - там мы научились работать с хуком состояния useState.

В целом, хуки - это обычные JavaScript-функции, имена которых начинаются со слова 'use'.

Хуки позволяют нам использовать стейты и другие возможности React без использования классов. Они облегчают повторное использование кода для различных задач, а также его тестирование и помогают разбивать сложные компоненты на более простые функции по их назначению. Некоторые хуки даже способны заменить функционал React Redux. Ко всему прочему, хуки помогают улучшить производительность приложения.

Если вы хотите использовать хуки, то следуйте двум основным правилам. Во-первых, используйте их только на верхнем уровне - не вызывайте их внутри циклов, условных операторов или вложенных функций. Во-вторых, вызывать хуки нужно только из React-функций (из React компонентов или пользовательских хуков), но не из обычных функций JavaScript.

Также ошибкой, которую допускают программисты, является бесконтрольное использование хуков в коде. Прежде чем использовать тот или иной хук, убедитесь, что он действительно необходим.

В следующем уроке мы рассмотрим типы хуков.