Чего избегаешь при использовании Hooks

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

// ❌ Плохо
if (condition) {
  useEffect(() => { ... });
}
// ✅ Хорошо
useEffect(() => { ... });

Не используй хуки в обычных функциях – только в функциональных компонентах или кастомных хуках.

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

Не забывай про зависимости в useEffect – пропуск массива зависимостей может привести к бесконечным циклам.

Избегай избыточных ререндеров – используй useMemo и useCallback для оптимизации.

Не злоупотребляй useState – для сложной логики лучше useReducer.

Не мутируй состояние напрямую – всегда используй функцию обновления.

// ❌ Плохо
state.value = newValue;
// ✅ Хорошо
setState(prev => ({ ...prev, value: newValue }));