$ 39.00

Tuto Les React Hooks par la pratique avec React

$ 39.00

  • Une formation vidéo de 3h48m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Les hooks constituent une évolution MAJEURE de React.
Ils permettent enfin d'utiliser des functional components même lorsque vous avez besoin de disposer d'un state ou lorsque vous souhaitez exécuter du code à des moments très spécifiques (après le premier render, lorsque qu'une variable est mise à jour etc...). Autrement dit, lorsque vous avez besoin de lifecycle hooks. Le cas le plus typique étant le besoin d'effectuer une requête AJAX après le premier render.

Jusqu'à la version 16.8 de React, il vous fallait obligatoirement créer des classes plutôt de que des fonctions. Désormais, grâce aux hooks, vous pourrez créer des components moins verbeux - vos chers functional components - y compris dans les situations pré-citées.

Si l'on ajoute à cela la possibilité de créer des custom hooks, vos applications pourront devenir plus composables afin que des fonctionnalités requises par plusieurs components puissent être aisément partagées.

Sans doute avez-vous entendu dire que la combinaison de certains hooks permet de remplacer Redux. C'est le cas dans certaines situations. Ainsi, Redux a encore de beaux jours devant lui sur des gros projets mais pourra avantageusement être par l'association de certains hooks que nous découvriront ensemble dans cette formation résolument pratique entièrement consacrée aux React Hooks.

Les fichiers de travails sont fournis avec la formation.
Je reste disponible pour répondre à vos éventuelles questions.
Bon tuto.
 

Pré-requis de cette formation dédiée aux React Hooks :

Maîtriser les fondamentaux de React (avant l'apparition des hooks).
Vous pouvez les acquérir grâce à la formation "Devenir opérationnel rapidement avec React".

Table des matières de cette formation React (durée : 3h48m)

  • Gestion de l'état avec useState()
    • Création d'une nouvelle application React gratuit 00:03:08
    • Utiliser le hook useState() pour incrémenter le nombre de likes gratuit 00:06:39
    • Utiliser plusieurs useState() dans un component 00:12:33
    • Afficher tous les frameworks 00:05:00
  • Gestion des side effects avec useEffect()
    • Utiliser useEffect() pour effectuer une requête AJAX 00:12:54
    • Itérer sur nos blog posts 00:02:26
    • Afficher un indicateur de loading 00:01:14
    • Un useEffect() par fonctionnalité 00:11:44
  • Gestion de l'état à l'aide de useReducer()
    • Création du component Calculator.js et de son reducer 00:12:14
    • Dispatcher des actions 00:08:54
  • Consommation de contexts à l'aide de useContext()
    • Création de components imbriqués 00:06:17
    • UseContext() pour lire des messages depuis un component grand-parent 00:12:28
    • Passer des données complexes via "context" 00:06:18
    • Utilisation d'une fonction provenant du "context" 00:05:03
  • Interaction avec le DOM et useRef()
    • S'abonner et se désabonner à l'écoute d'événements clavier 00:11:26
    • Gérer le focus à l'aide de useRef() 00:11:43
  • Exercice récapitulatif
    • Application de côtisation pour un pot de départ 00:12:38
    • Afficher tous les participants et le total collecté 00:09:53
    • Gestion de l'état de la case à cocher 'show details' 00:05:25
  • Custom Hooks
    • Utiliser un custom hook fourni par la communauté 00:13:15
    • Créer un custom hook qui utilise localStorage 00:16:07
    • Créer un custom hook qui vérifie la validité d'un champ texte 00:12:32
    • Créer un custom hook qui debounce un texte saisi 00:14:59
    • Debounce d'une requête AJAX 00:13:49



Formateur : Codeconcept

Codeconcept a publié 14 tutoriels et obtenu une note moyenne de 4,5/5 sur 42 tutoriels vendus. Voir les autres formations de Codeconcept

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    React
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
  • Que contient le fichier source ?
    Le fichier source comporte le code que nous créerons ensemble durant cette formation.
  • Quelles connaissances préalables sont requises ?
    Connaître les fondamentaux de React avant l'apparition des hooks. Idéalement, avoir suivi ma formation précédente "Devenir opérationnel rapidement en React".
accédez à plus de 1078 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données