Կարող եք բացատրել, թե ինչ են Hooks-երը React կամ այլ գրադարանների/ճարտարապետությունների համատեքստում?

Hooks-երը React (և որոշ այլ գրադարաններում) ֆունկցիաներ են, որոնք թույլ են տալիս օգտագործել React-ի վիճակը և այլ հնարավորությունները առանց դասեր գրելու: Նրանք թույլ են տալիս «կապվել» կոմպոնենտների կյանքի ցիկլին և կառավարել վիճակը ֆունկցիոնալ կոմպոնենտներում:

Հիմնական hook-երը՝

• 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-երը դարձնում են կոմպոնենտների կոդը ավելի կարճ և հեշտ վերօգտագործելի տրամաբանությունը։