Simplifier les composants grâce aux hooks Hooks

Jusque-là, dans ce chapitre, nous avons vu que pour ajouter du comportement aux composants (état local, réaction aux actions de l’utilisateur ou gestion du cycle de vie) il était nécessaire d’avoir un composant écrit sous forme de classe. En réalité, fin 2018, à l’occasion de la React Conf, Facebook a annoncé l’ajout d’une fonction à React qui a séduit la plupart des développeurs : les hooks. Ceux-ci permettent de gérer l’intégralité des possibilités offertes aux composants dans une fonction, et non dans une classe.

Reprenons par exemple le composant App de notre application, et initialisons une nouvelle version, sous forme de fonction cette fois-ci. Naïvement, déclarons les éléments du state à l’aide de simples variables, de même que les fonctions addTask et setTaskStatus.

const App = () => { 
 const nextId = null 
 c ...
Pour consulter la suite, découvrez le livre suivant :
couv_EIREA.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Requêtes Ajax et cycle de vie des composants React
Suivant
Déclarer et typer les propriétés des composants