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

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

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

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

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;
}

Теперь этот хук можно использовать в любом компоненте:

jsx

const { width } = useWindowSize();

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!

Попробовать бесплатно

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

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

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы