Hooks i React

I denne leksjonen begynner vi å bli kjent med hooks. Vi har allerede møtt dem da vi studerte tilstander - der lærte vi å jobbe med tilstandshooken useState.

I utgangspunktet er hooks vanlige JavaScript-funksjoner med navn som begynner med ordet 'use'.

Hooks lar oss bruke tilstander og andre React-funksjoner uten å bruke klasser. De forenkler gjenbruk av kode for forskjellige oppgaver, samt testing og hjelper med å dele opp komplekse komponenter i enklere funksjoner etter deres formål. Noen hooks kan til og med erstatte funksjonaliteten til Redux. I tillegg hjelper hooks med å forbedre applikasjonens ytelse.

Hvis du vil bruke hooks, følg to hovedregler. For det første, bruk dem kun på toppnivå - ikke kall dem inni løkker, betingede utsagn eller nestede funksjoner. For det andre, kall hooks kun fra React-funksjoner (fra React-komponenter eller egendefinerte hooks), men ikke fra vanlige JavaScript-funksjoner.

En annen feil programmerere gjør, er ukontrollert bruk av hooks i koden. Før du bruker en bestemt hook, må du sørge for at den virkelig er nødvendig.

I neste leksjon skal vi se på typer hooks.