Могли бы вы объяснить, что такое Hooks в контексте React или других библиотек/фреймворков?

Hooks — это функции в React (и некоторых других библиотеках), которые позволяют использовать состояние и другие возможности React без написания классов.

Короткий ответ

Что ответить на собеседовании

Hooks — это функции в React (и некоторых других библиотеках), которые позволяют использовать состояние и другие возможности React без написания классов. Они дают возможность «подключаться» к жизненному циклу компонентов и управлять состоянием в функциональных компонентах.

Подробный разбор

Ответ с пояснениями

Hooks — это функции в React (и некоторых других библиотеках), которые позволяют использовать состояние и другие возможности React без написания классов. Они дают возможность «подключаться» к жизненному циклу компонентов и управлять состоянием в функциональных компонентах.

Основные хуки:

  • useState — для хранения и обновления состояния.
  • useEffect — для выполнения побочных эффектов (например, загрузка данных, подписки).

Пример использования useState и useEffect:

import React, { useState, useEffect } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = `Вы нажали ${count} раз`;
  }, [count]);

  return (
    <div>
      <p>Вы нажали {count} раз</p>
      <button onClick={() => setCount(count + 1)}>
        Нажми меня
      </button>
    </div>
  );
}

Таким образом, Hooks делают код компонентов более компактным и удобным для повторного использования логики.

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее