Formation Technologies de l'information : Le développement FrontEnd avec React
React est un framework JavaScript largement utilisé pour la création d’interfaces utilisateur interactives et réactives. Il offer aux développeurs la possibilité de créer des composants réutilisables, simplifiant ainsi le développement et la maintenance. De plus, il permet de réduire les problèmes liés aux performances, offrant une expérience de développement plus fluide.
Le programme de la formation
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 Ce module vous propose la consultation d’une vidéo d’une durée de 00h52.
À qui s'adresse cette formation ?
Public cible
Informaticiens.
Prérequis
Des connaissances avancées sur le langage JavaScript sont nécessaires.
Les objectifs de la formation
L’objectif de ce cours est donc vous apprendre à écrire et à exécuter une application React.
