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

Для чего нужно писать кастомные Hook

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

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

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
интервью вопросы и ответы