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

Какие знаешь хуки

React предоставляет несколько встроенных хуков:

useState - управление состоянием:

js
const [count, setCount] = useState(0);

useEffect - side effects:

js
useEffect(() => {
  document.title = `Count: ${count}`;
}, [count]);

useContext - доступ к контексту:

js
const theme = useContext(ThemeContext);

useReducer - сложное состояние:

js
const [state, dispatch] = useReducer(reducer, initialState);

useMemo/useCallback - оптимизация:

js
const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);
const memoizedCallback = useCallback(() => doSomething(a, b), [a, b]);

useRef - ссылки и мутируемые значения:

js
const inputRef = useRef(null);

useLayoutEffect - аналогичен useEffect, но срабатывает синхронно после рендера, но до отрисовки в браузере.

Также есть хуки для работы с пользовательскими хуками и хуки для Suspense (экспериментальные).

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