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

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

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

  1. useState - управление состоянием компонента:
jsx
const [count, setCount] = useState(0);
  1. useEffect - сайд-эффекты (запросы, подписки):
jsx
useEffect(() => {
  fetchData();
}, [deps]);
  1. useContext - доступ к контексту:
jsx
const theme = useContext(ThemeContext);
  1. useRef - ссылки на DOM-элементы или хранение мутируемых значений:
jsx
const inputRef = useRef(null);
  1. useMemo - мемоизация вычислений:
jsx
const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);
  1. useCallback - мемоизация функций:
jsx
const memoizedCallback = useCallback(() => { doSomething(a, b); }, [a, b]);
  1. useReducer - альтернатива useState для сложного состояния:
jsx
const [state, dispatch] = useReducer(reducer, initialState);
  1. useLayoutEffect - аналог useEffect, но срабатывает синхронно после рендера DOM.

  2. useImperativeHandle - кастомизация ref для родительского компонента.

  3. useDebugValue - отладка кастомных хуков в DevTools.

Также есть хуки для Concurrent Mode: useTransition, useDeferredValue и другие.

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

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

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

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