Developpement Web Avec Le Framework ReactJS
Formapedia
Confronter ses connaissances en développement avec la documentation d'un framework dans le but de s'approprier l'architecture et les fonctionnalités d'un nouveau cadre de travail.
Configurer le framework en utilisant un gestionnaire de dépendances afin de préparer l'environnement de développement de l'application.
Développer une application évolutive avec un framework afin de disposer d'un environnement de développement standardisé pour l'ensemble du projet.
Développement d'applications à l'aide de framework ReactJS
Appropriation d'un nouveau cadre de travail
Configuration d'un framework et installation de dépendances
Développement et mise en production
Semaine 1: Introduction à ReactJS
Jour 1: Introduction et installation
Présentation de ReactJS : Qu'est-ce que c'est et pourquoi l'utiliser ?
Installation de Node.js et npm
Création de la première application React avec Create React App
Structure d'un projet React
Jour 2: Concepts de base
JSX : Syntaxe et utilisation
Composants fonctionnels et de classe
Props : Transmettre des données aux composants
Rendu conditionnel
Jour 3: Gestion des événements
Gestion des événements dans React
Création de gestionnaires d'événements
Utilisation des événements synthétiques de React
Jour 4: State et cycle de vie
Introduction à l'état (state) des composants
setState() et mise à jour de l'état
Cycle de vie des composants : méthodes de cycle de vie des composants de classe
Jour 5: Pratique et révision
Création d'une petite application pour consolider les concepts appris
Questions et réponses
Révision des concepts clés
Semaine 2: Concepts avancés de ReactJS
Jour 1: Hooks de base
Introduction aux hooks
useState pour la gestion de l'état
Présentation de ReactJS : Qu'est-ce que c'est et pourquoi l'utiliser ?
Installation de Node.js et npm
Création de la première application React avec Create React App
Structure d'un projet React
JSX : Syntaxe et utilisation
Composants fonctionnels et de classe
Props : Transmettre des données aux composants
Rendu conditionnel
Gestion des événements dans React
Création de gestionnaires d'événements
Utilisation des événements synthétiques de React
Introduction à l'état (state) des composants
setState() et mise à jour de l'état
Cycle de vie des composants : méthodes de cycle de vie des composants de classe
Création d'une petite application pour consolider les concepts appris
Questions et réponses
Révision des concepts clés
S2: Concepts avancés de ReactJS
Introduction aux hooks
useState pour la gestion de l'état
useEffect pour les effets de bord
State lifting : partage de l'état entre composants
Utilisation de Context API pour la gestion globale de l'état
Introduction à React Router
Configuration des routes de base
Navigation et liens entre pages
Paramètres de route et routes imbriquées
Création et gestion de formulaires
Validation de formulaires
Utilisation de libraries pour les formulaires (ex. Formik)
Création d'une application de blog avec plusieurs pages
Intégration des formulaires et de la navigation
Révision des concepts avancés
S3: Intégration avec des APIs et outils de développement
Introduction aux appels API
Utilisation de Fetch pour les requêtes HTTP
Introduction à Axios et avantages par rapport à Fetch
Introduction aux tests en React
Utilisation de Jest pour les tests unitaires
Tests de composants avec React Testing Library
Outils de débogage pour React
Optimisation des performances des composants React
Utilisation de React.memo et des hooks de performance (useMemo, useCallback)
Analyse des performances avec React Developer Tools
Création d'une application de tableau de bord avec appels API et gestion de l'état global
Tests de l'application
Révision des concepts de la semaine
S4: Projet final et déploiement
Définition du projet final : spécifications et exigences
Planification et mise en œuvre du projet
Utilisation des connaissances acquises pour développer l'application
Révision du projet
Ajustements et amélioration de l'application
Tests finaux
Introduction au déploiement d'applications React
Déploiement sur Netlify, Vercel, ou GitHub Pages&
Envie d’en savoir plus sur cette formation ?
Documentez-vous sur la formation