Встречается на собеседованиях • сегодня

Когда нужен кастомный hook

Кастомные хуки полезны, когда нужно переиспользовать логику между компонентами, избегая дублирования кода. Они помогают инкапсулировать сложную логику, делая компоненты чище.

Примеры случаев:

  1. Работа с API (запросы, обработка ошибок)
  2. Управление состоянием формы
  3. Подписки на события или таймеры
  4. Работа с localStorage

Пример хука для подписки на размер окна:

jsx
function useWindowSize() {
  const [size, setSize] = useState({
    width: window.innerWidth,
    height: window.innerHeight
  });

  useEffect(() => {
    const handleResize = () => setSize({
      width: window.innerWidth,
      height: window.innerHeight
    });
    
    window.addEventListener('resize', handleResize);
    return () => window.removeEventListener('resize', handleResize);
  }, []);

  return size;
}
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы