Hooks in React

In deze les beginnen we met kennismaken met hooks. We zijn ze al tegengekomen toen we states studeerden - daar leerden we werken met de state hook useState.

Over het algemeen zijn hooks gewone JavaScript-functies, waarvan de namen beginnen met het woord 'use'.

Hooks stellen ons in staat om states en andere mogelijkheden van React te gebruiken zonder klassen te gebruiken. Ze maken het hergebruiken van code voor verschillende taken gemakkelijker, evenals het testen ervan en helpen complexe componenten op te splitsen in eenvoudigere functies op basis van hun doel. Sommige hooks zijn zelfs in staat de functionaliteit van Redux te vervangen. Bovendien helpen hooks de prestaties van de applicatie te verbeteren.

Als je hooks wilt gebruiken, volg dan twee basisregels. Ten eerste, gebruik ze alleen op het hoogste niveau - roep ze niet aan binnen loops, voorwaardelijke statements of geneste functies. Ten tweede, hooks mogen alleen worden aangeroepen vanuit React-functies (vanuit React-componenten of aangepaste hooks), maar niet vanuit gewone JavaScript-functies.

Ook een fout die programmeurs maken, is het ongecontroleerd gebruiken van hooks in de code. Voordat je een bepaalde hook gebruikt, moet je ervoor zorgen dat deze echt nodig is.

In de volgende les bekijken we de soorten hooks.