ESLint плагин для Hooks создан, чтобы заставить тебя следовать правилам React Hooks и предотвратить частые баги, определяя функции, которые соответствуют соглашению об именовании хуков и проверяя как они используются.
Плагин автоматически распознаёт любую функцию, которая начинается с use и потом идёт большая буква — это считается хуком. Например:
useStateuseEffectuseCustomHookПлагин следит за двумя критичными правилами:
Правильное место для хуков: хуки можно вызывать только внутри:
use)Это не даёт использовать хуки в обычных JavaScript-функциях или в условных операторах.
Одинаковый порядок хуков: хуки нужно вызывать в абсолютно одинаковом порядке при каждом рендере. Так React может правильно привязать вызовы хуков к их внутреннему состоянию и сохранить целостность системы зависимостей хуков.
Если нарушить эти правила, получишь баги в управлении состоянием, непредсказуемое поведение и проблемы, которые сложно найти и исправить. Плагин ESLint проверяет эти ошибки во время разработки, а не в рантайме, поэтому код становится надёжнее и проще в поддержке.
ESLint плагин для React Hooks определяет любую функцию как Hook, если она начинается с use и затем идёт заглавная буква, например useState, useEffect или useCustomHook.
Новый — ещё не проверен сообществом
Вы