React хуктері туралы айтыңыз: қайсысын қолдандыңыз және қандай мақсатта (useState, useEffect, useRef, useContext, useMemo, useCallback)?

React хуктері функционалды компоненттерде күй мен басқа React мүмкіндіктерін пайдалануға мүмкіндік береді.

• useState — компоненттің жергілікті күйін сақтайды.

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

• useEffect — рендерден кейін жанама әсерлерді (сұраулар, жазылулар) орындайды.

  useEffect(() => {
    document.title = `Сіз ${count} рет басдыңыз`;
  }, [count]);
  

• useRef — өзгермелі объектіні сақтайды, ол өзгерген кезде қайта рендер жасамайды, көбінесе DOM-ға қол жеткізу үшін пайдаланылады.

  const inputRef = useRef(null);
  

• useContext — пропссыз деректерді беру үшін React контекстін пайдалану.

  const theme = useContext(ThemeContext);
  

• useMemo — есептелген мәнді мемоизациялайды, қажетсіз қайта есептеулерден сақтайды.

  const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);
  

• useCallback — функцияны мемоизациялайды, әр рендер кезінде қайта құрудан сақтайды.

  const memoizedCallback = useCallback(() => {
    doSomething(a, b);
  }, [a, b]);
  

Осы хуктерді күйді басқару, өнімділікті оңтайландыру және әсерлер мен контекстпен жұмыс істеу үшін қолдандым.