Hooks i React

I denne lektion vil vi begynde at stifte bekendtskab med hooks. Vi har allerede stødt på dem, da vi studerede stater - der lærte vi at arbejde med tilstandshooket useState.

Generelt set er hooks almindelige JavaScript-funktioner, hvis navne starter med ordet 'use'.

Hooks giver os mulighed for at bruge stater og andre React-funktioner uden at bruge klasser. De gør det lettere at genbruge kode til forskellige opgaver, samt at teste den og hjælper med at opdele komplekse komponenter i enklere funktioner baseret på deres formål. Nogle hooks kan endda erstatte funktionaliteten fra Redux. Oven i det hjælper hooks med at forbedre applikationens ydeevne.

Hvis du vil bruge hooks, så følg to grundlæggende regler. For det første, brug dem kun på det øverste niveau - kald dem ikke inde i loops, betingelser eller indlejrede funktioner. For det andet skal hooks kun kaldes fra React-funktioner (fra React-komponenter eller brugerdefinerede hooks), men ikke fra almindelige JavaScript-funktioner.

En anden fejl, som programmører laver, er den ukontrollerede brugen af hooks i koden. Før du bruger en bestemt hook, så vær sikker på, at den virkelig er nødvendig.

I den næste lektion vil vi se på typer af hooks.