SESIUNEA 36

React Custom Hooks

 Cand avem nevoie de custom hooks?

De fiecare data cand am intalnit cod repetitiv, am încercat sa

limitam repetarea acestuia prin scrierea unor funcții reutilizabile.

Cand am trecut la React, am invatat sa facem componente

reutilizabile, avand in mare parte același scop de a limita repetarea
codului.
 Cand avem nevoie de custom hooks?

Acum, un nou caz in care putem avea cod repetitiv, este atunci
cand folosim diverse hook-uri predefinite in React.
 Custom Hooks

De multe ori avem nevoie sa folosim fetch, pentru a obține diverse

date de la server. Pentru a face toata aceasta logica, avem nevoie
de useState, pentru a stoca datele, respectiv useEffect pentru a
apela server-ul.

Acest proces va rezulta in cod repetitiv, deoarece in cele mai multe

cazuri vom repeta aceasta secvența de cod in mai multe pagini.
 Custom Hooks

Pentru exemplul de mai sus, pentru a evita repetarea codului, nu

putem face o componenta de React, deoarece aceasta ne
returneaza JSX. In cazul nostru, avem nevoie doar de logica in care
interactionam cu serverul.

Acest lucru se poate realiza cu ajutorul unei funcții, dar nu o

funcție oarecare deoarece contine hook-uri, care au reguli
speciale.
 Custom Hooks

Denumirea unui custom hook începe cu use (ex. useFetch,

useLocalStorage, useYourImagination).
Q&A
Vrei sa știi mai multe?

● React Hooks Rules

● React Custom Hooks
● Exemple de Custom Hooks