Hooks i React

I den här lektionen börjar vi bekanta oss med hooks. Vi har redan stött på dem när vi studerade tillstånd - där lärde vi oss att arbeta med hooken för tillstånd useState.

I allmänhet är hooks vanliga JavaScript-funktioner, vars namn börjar med ordet 'use'.

Hooks gör det möjligt för oss att använda tillstånd och andra möjligheter i React utan att använda klasser. De förenklar återanvändning av kod för olika uppgifter, samt dess testning och hjälper till att bryta ner komplexa komponenter till enklare funktioner efter deras syfte. Några hooks kan till och med ersätta funktionaliteten i Redux. Utöver detta hjälper hooks till att förbättra applikationens prestanda.

Om du vill använda hooks, följ då två grundläggande regler. För det första, använd dem endast på den översta nivån - anropa dem inte inuti loopar, villkorssatser eller nästlade funktioner. För det andra ska hooks endast anropas från React-funktioner (från React-komponenter eller anpassade hooks), men inte från vanliga JavaScript-funktioner.

Ett annat misstag som programmerare gör är okontrollerad användning av hooks i koden. Innan du använder en viss hook, se till att den verkligen är nödvändig.

I nästa lektion kommer vi att titta på typer av hooks.