Le développement FrontEnd avec React | Mode E-Learning

Introduction

• Objectifs du module

• Comparatif des frameworks

• Historique

• Présentation

• Conclusion

Ce module vous propose la consultation d’une vidéo d’une durée de 00h05.

Installation

• Objectifs du module

• Installation de Node.js

• Installation de WebStorm

• Création d’un premier projet

• Structure de base du premier projet

• Démonstration – Installation et création du premier projet

• Conclusion

Ce module vous propose la consultation d’une vidéo d’une durée de 00h07.

Les composants

• Objectifs du module

• Introduction à JSX

• Le composant variable

• Le composant fonction

• Le composant classe

• Les props

• Les listes et les clés

• Démonstration – Création d’un composant

• TP à réaliser

• Correction TP 1/2

• Correction TP 2/2

• Conclusion

Ce module vous propose la consultation d’une vidéo d’une durée de 00h42.

Dynamiser un projet

• Objectifs du module

• La gestion basique des états

• Les évènements

• Le cycle de vie d’un composant

• L’affichage conditionnel

• Démonstration – Gestion des états

• TP à réaliser

• Correction TP 1/2

• Correction TP 2/2

• Conclusion

Ce module vous propose la consultation d’une vidéo d’une durée de 00h48.

Les formulaires

• Objectifs du module

• Gestion basique des formulaires

• Formulaires contrôlés

• Validation des données et sécurité

• Démonstration – Gestion des formulaires

• TP à réaliser

• Correction TP 1/3

• Correction TP 2/3

• Correction TP 3/3

• Conclusion

Ce module vous propose la consultation d’une vidéo d’une durée de 01h30.

Programmation fonctionnelle et hooks

• Objectifs du module

• Introduction à la programmation fonctionnelle

• Hook d’état

• Hook d’effet

• Hook de référence

• Hook personnalisé et autres hooks

• Optimisation des états

• Démonstration – Gestion des formulaires en programmation fonctionnelle 1/2

• Démonstration – Gestion des formulaires en programmation fonctionnelle 2/2

• TP à réaliser

• Correction TP 1/2

• Correction TP 2/2

• Conclusion

Ce module vous propose la consultation d’une vidéo d’une durée de 01h29.

React Router

• Objectifs du module

• Introduction à React Router

• BrowserRouter, Routes et Route

• Route not found et route avec params

• Le composant Link

• Les hooks de React Router

• Démonstration – Utilisation de React Router

• TP à réaliser

• Correction TP 1/2

• Correction TP 2/2

• Conclusion

Ce module vous propose la consultation d’une vidéo d’une durée de 01h07.

Contexte applicatif

• Objectifs du module

• Introduction au contexte applicatif

• API Context

• Les reducers

• Redux Toolkit

• Les slices et wrapping du contexte

• Récupérer et modifier les valeurs dans le store

• Démonstration – Contexte avec API Context

• Démonstration – Contexte avec Redux Toolkit

• TP à réaliser

• Correction du TP

• Conclusion