Soorten hooks in React

In deze les bekijken we de verschillende soorten hooks. In totaal zijn er 12 ingebouwde hooks in React. Veelgebruikte hooks zijn useState, useEffect en useContext. Alle hooks kunnen voorwaardelijk worden onderverdeeld in meerdere groepen, volgens hun toepassing.

Eerste groep

De eerste groep bestaat uit hooks voor het werken met de toestanden van een component of toestandshooks. Tot deze groep behoren useState en useReducer.

Tweede groep

De tweede groep bestaat uit context hooks (het concept van context in React bekijken we in een van de lessen). In deze groep is er slechts één hook - useContext.

Derde groep

De derde groep bestaat uit ref hooks (met het concept van refs maken we later kennis). In deze groep hebben we de hooks useRef en useImperativeHandle.

Vierde groep

Tot de vierde groep kunnen effect hooks worden gerekend (over effecten praten we later), zoals useEffect, useLayoutEffect, useInsertionEffect.

Vijfde groep

En tot slot bevat de laatste groep hooks voor het verbeteren van de prestaties van de applicatie. Dit zijn hooks zoals useMemo, useCallback, useTransition en useDeferredValue.

Buiten categorieën

Er zijn ook nog de hooks useDebugValue, useId, useSyncExternalStore, die niet tot een bepaalde categorie worden gerekend.

Eigen hooks

Naast het gebruik van ingebouwde hooks, kunt u indien nodig ook uw eigen hook creëren.

Wat volgt er

In de volgende lessen zullen we meer in detail de meeste hooks bekijken die in deze les zijn vermeld.