Cette vidéo de formation s'adresse aux développeurs web Front End qui souhaitent disposer de connaissances avancées sur le fonctionnement de React pour exploiter tout son potentiel dans leurs développements. Pour suivre ce cours, des connaissances de base sur React et sur le langage JavaScript sont recommandées.

Après la mise en place de l'environnement de développement, vous commencerez par étudier le cycle de vie des composants. Vous étudierez ensuite plusieurs autres fonctionnalités de React : les Références, les Fragments et les propTypes qui vous permettront de simplifier votre développement.

Pour finir, le dernier module de cette vidéo sera consacré aux Hooks, fonctionnalité qui est une vraie révolution et qui permet de donner bien plus de potentiel aux composants fonctionnels sans états.

Tout au long de cette vidéo, chaque fonctionnalité étudiée sera mise en pratique de façon très concrète dans des démonstrations.

• Durée totale01h47
• Introduction
  • Comprendre comment React modifie le DOM03:17
  • Mise en place de l'environnement de développement07:48
• Cycle de vie des composants
  • Le cycle de vie d'un composant de type class08:57
  • Mise en pratique - Les méthodes du cycle de vie lors de la création d'un composant09:00
  • Mise en pratique - Les méthodes du cycle de vie d'un composant lors de sa mise à jour10:20
  • Mise en pratique - Les méthodes du cycle de vie d'un composant lors de sa suppression07:26
• Refs, Fragments et propTypes
  • Mise en pratique - Les références (Refs)10:27
  • Mise en pratique - Les Fragments03:56
  • Mise en pratique - Les propTypes05:47
  • Mise en pratique - Les HOC (Higher Order Component)05:52
• React Hooks
  • Comprendre les React Hooks03:08
  • Mise en pratique - Le Hook useState05:26
  • Mise en pratique - Utiliser plusieurs state en même temps04:34
  • Mise en pratique - Le Hook useEffect07:39
  • Mise en pratique - Le Hook useRef02:57
  • Mise en pratique - Créer un Hook sur mesure06:41
  • Pour aller plus loin04:13