Hook-uri în React

În această lecție vom începe să ne familiarizăm cu hook-urile. Noi deja ne-am întâlnit cu ele, când am studiat stările - acolo am învățat să lucrăm cu hook-ul de stare useState.

În general, hook-urile sunt funcții JavaScript obișnuite, ale căror nume încep cu cuvântul 'use'.

Hook-urile ne permit să folosim stări și alte capabilități ale React fără a folosi clase. Ele ușurează reutilizarea codului pentru diferite sarcini, precum și testarea lui și ajută la împărțirea componentelor complexe în funcții mai simple după destinația lor. Unele hook-uri sunt chiar capabile să înlocuiască funcționalitatea Redux. Pe lângă toate acestea, hook-urile ajută la îmbunătățirea performanței aplicației.

Dacă doriți să utilizați hook-uri, atunci urmați două reguli de bază. În primul rând, folosiți-le doar la nivelul superior - nu le apelați în interiorul buclelor, operatorilor condiționali sau funcțiilor imbricate. În al doilea rând, hook-urile trebuie apelate doar din funcțiile React (din componentele React sau din hook-uri personalizate), dar nu din funcțiile obișnuite JavaScript.

De asemenea, o greșeală pe care o fac programatorii, este utilizarea necontrolată a hook-urilor în cod. Înainte de a folosi un anumit hook, asigurați-vă că este cu adevărat necesar.

În lecția următoare vom analiza tipurile de hook-uri.