§ Какво са хуковете (hooks) в React.js?

В това видео ще разгледаме някои от най-ползваните хукове в React. Ще видим как да използваме useState, useEffect, useRef и други.

Защо са важни хуковете?

Хуковете са мощна концепция в React, която позволява на функционалните компоненти да имат състояние и използват различни жизнени цикли.

Използване на хукове

Вместо да използваме класове, хуковете позволяват на нас, разработчиците, да използваме състояние и други React функционалности в компоненти, които са дефинирани само чрез функции.

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

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

  useEffect(() => {
    document.title = `Брой: ${count}`;
  }, [count]);

  const inputRef = useRef(null);

  return (
    <div>
      <p>Брой: {count}</p>
      <button onClick={() => setCount(count + 1)}>
        Увеличи
      </button>
      <input ref={inputRef} type="text" />
    </div>
  );
}

Често използвани хукове

Някои от най-често използваните хукове са:

• useState: за управление на състояние
• useEffect: за извършване на странични ефекти
• useRef: за достъп до DOM елементи

Хуковете променят начина, по който пишем React компоненти. Те са мощен инструмент, който помага за по-ефективно управление на състояние и взаимодействие с жизнените цикли на компонентите.