Formation React.js
Inscrivez-vous à 2 formations ou inscrivez 2 participants et bénéficiez de 30 % de rabais sur la deuxième inscription. La première formation ou inscription doit être la plus chère des deux, et le rabais s’applique à la moins coûteuse. Offre valide jusqu’au 15 août 2026, dans la limite des places disponibles, pour une formation suivie immédiatement ou à l’automne 2026.
Cette formation React.js s’adresse aux développeurs et intégrateurs web qui souhaitent apprendre à créer des applications web modernes, interactives et structurées avec React.
Un rappel ciblé des notions JavaScript essentielles à React est proposé au début de la formation, notamment les fonctions fléchées, la déstructuration, les opérateurs spread et rest, les méthodes map, filter et reduce, les modules ainsi que la programmation asynchrone.
Les participants découvriront ensuite les principes fondamentaux de React : JSX, composants fonctionnels, propriétés, état local, événements, rendu conditionnel, listes, formulaires et Hooks.
Une application complète sera développée progressivement avec React 19 et Vite. Les participants apprendront également à organiser leur projet, mettre en place la navigation avec React Router, communiquer avec une API REST et gérer les états de chargement et les erreurs.
Introduction à la formation React.js
Comprendre le rôle de React dans une application web
Découvrir l’approche déclarative et l’architecture par composants
Installer Node.js, npm et les outils de développement
Créer une application React avec Vite
Explorer la structure d’un projet React
JavaScript moderne pour React
Réviser les fonctions fléchées, objets et tableaux
Utiliser la déstructuration, spread et rest
Comprendre l’immutabilité des données
Manipuler les collections avec map, filter, find et reduce
Utiliser les modules, les promesses, async et await
JSX et composants React
Comprendre la syntaxe JSX
Insérer des expressions JavaScript dans l’interface
Créer et réutiliser des composants fonctionnels
Transmettre des données avec les props
Composer et organiser une interface en composants
État, événements et rendu conditionnel
Gérer l’état avec useState
Traiter les événements utilisateur
Mettre à jour des objets et des tableaux sans mutation
Afficher des listes et des contenus conditionnels
Faire communiquer plusieurs composants
Styles et formulaires
Appliquer des styles et des classes conditionnelles
Découvrir les feuilles CSS et les CSS Modules
Créer des champs contrôlés
Valider et soumettre un formulaire
Afficher les erreurs et les états de traitement
Hooks React
Comprendre le rôle et les règles des Hooks
Utiliser useState et useEffect
Gérer les dépendances et le nettoyage des effets
Créer des Hooks personnalisés
Réutiliser une logique entre plusieurs composants
API REST et gestion des données
Intégrer une API Express fournie
Effectuer des requêtes avec fetch
Récupérer, ajouter, modifier et supprimer des données
Gérer le chargement, les erreurs et les réponses HTTP
Organiser les appels à l’API dans des services
Navigation avec React Router
Configurer les pages et les routes
Créer une navigation avec Link et NavLink
Utiliser les paramètres d’URL
Créer des routes imbriquées et des redirections
Gérer les pages introuvables et les routes protégées
Context API et état partagé
Comprendre les cas d’utilisation de Context
Partager un état et des fonctions dans l’application
Créer un Provider et utiliser useContext
Créer un Hook personnalisé pour accéder au contexte
Conserver certaines données avec localStorage
Préférences, authentification et session
Créer un thème clair et sombre
Conserver les préférences utilisateur
Créer un contexte d’authentification
Gérer la connexion, la déconnexion et l’utilisateur courant
Restaurer et synchroniser une session entre plusieurs onglets
Organisation et mise en production
Structurer les composants, pages, contextes et services
Séparer la logique métier de l’affichage
Configurer les variables d’environnement
Créer un build de production avec Vite
Préparer le déploiement d’une application React
Pour aller plus loin avec React
FORMATION React / Redux + tests unitaires en JS
Autre(s) cours dans cette catégorie
→ Formation Visual Basic .NET (VB.NET)
Commentaires des clients
Chez Doussou Formation une expérience unique et très enrichissant j'ai particulièrement apprécier l’enseignent qui est très pédagogue, le contenu super détaillé, simple et facile à comprendre qui m'aide à saisir une connaissance supplémentaire sur la complexité du monde React. Ce cours que je recommanderais sans hésiter à tous ceux qui sont sur la voie de devenir grands chez React et qui souhaitent élargir leurs connaissances sur des sujets plus avancés.
Ce fut 3 bons jours de formation qui ont répondu à nos attentes qui étaient d'apprendre les bases de React. Mamadou a été disponible en plus d'avoir une bonne connaissance de sa matière pour répondre à nos questions.
Préalables :
- Connaissance de base du HTML et du CSS
- Compréhension générale de la programmation JavaScript
- Savoir créer des variables, utiliser des conditions, des fonctions, des objets et des tableaux
- Aucune connaissance préalable de React ou de TypeScript n’est requise
Objectifs :
- créer et configurer une application React avec Vite
- comprendre et utiliser JSX
- créer des composants fonctionnels réutilisables
- transmettre des données avec les props
- gérer l’état local avec
useState - traiter les événements et le rendu conditionnel
- afficher et transformer des collections de données
- créer et valider des formulaires
- utiliser
useEffectpour synchroniser un composant avec un système externe - consommer une API REST avec
fetch - gérer les états de chargement, les erreurs et l’absence de données
- créer une navigation avec React Router
- organiser et construire une application React pour la production
Besoin d’un accompagnement professionnel ?
Au-delà de la formation, nos experts peuvent vous accompagner dans l’implantation, l’optimisation et la réalisation concrète de vos projets.
- Accompagnement, coaching et support après la formation
- Implantation d’outils et de bonnes pratiques
- Optimisation de processus et automatisations
- Intervention ponctuelle ou mandat sur mesure
En ligne
- 18/08/2026
- 19/08/2026
- 15/09/2026
- 16/09/2026
- 20/10/2026
- 21/10/2026
- 29/10/2026
- 30/10/2026
- 18/11/2026
- 19/11/2026
- 15/12/2026
- 16/12/2026
Montréal
- 04/09/2026
- 05/09/2026
- 17/11/2026
- 18/11/2026
Québec
- 16/12/2026
- 17/12/2026
Tarifs
Informations pratiques
- Durée : 2 jour(s)
- Horaire : 9h à 16h30 (2 pauses café + 1h de dîner)
-
Format :
- En ligne (classe virtuelle en direct)
- Ou en présentiel, selon disponibilité
📄 Voir le plan de cours en PDF
Détails de l'inscriptionIntéressé·e par cette formation ?
Soumission gratuite et sans engagement
Inscription avec paiement par carte de crédit
FR
« Je tiens à vous remercier tous les deux d’avoir offert à mes ressources une excellente formation COBOL au cours des trois derniers jours.
Mamadou, merci d’avoir été si accommodant malgré le court préavis et d’avoir envoyé votre formateur à Gatineau pour ce cours personnalisé.
Nous avons hâte de poursuivre notre collaboration pour de futurs besoins de formation. »
(Traduit de l’anglais)
EN
“I want to thank you both for providing my resources with excellent COBOL training over the past 3 days. Mamadou, thank you for being so accommodating on such short notice and for sending your facilitator to Gatineau for this customized and personalized training course. We look forward to continuing our partnership for future training needs.”
FR
« Mamadou est venu nous aider à réorganiser notre panneau d’arrêt via un outil de rapport, Crystal Reports. Mamadou a réussi avec succès le travail de précision, au pixel près, puisque nous voulions un rapport similaire au design graphique original. Il nous a aidés à découper le projet par cycle et à intégrer le rapport à notre logiciel corporatif. La qualité que nous avons appréciée était le souci du détail et la constance. Mamadou a été très professionnel et connaît plusieurs autres technologies. Merci. »
EN
“Mamadou helped us reorganize our stop panel using a reporting tool, Crystal Reports. He successfully delivered precise, pixel-perfect work,
as we needed a report that matched the original graphic design. He helped us break the project down into cycles and integrate the report
into our corporate software. What we appreciated most was his attention to detail and consistency. Mamadou was very professional and
is knowledgeable in many other technologies. Thank you.”
(Translated from French)
FR
« Ce fut un plaisir de faire affaires avec Doussou Formation. Ce qui fait LA différence est le service personnalisé totalement à l'écoute des participants ainsi que l'adaptation aux besoins de formation. Flexibilité / Adaptabilité / Professionnalisme / Courtoisie. Merci ! »
EN
“It was a pleasure doing business with Doussou Formation. What truly makes THE difference is the personalized service, fully attentive
to participants, as well as the ability to adapt the training to their needs. Flexibility / Adaptability / Professionalism / Courtesy. Thank you!”
(Translated from French)
Très bonne formation, formateur super sympa et compétent. J'aurai aimé qu'on pousse plus le projet à réaliser vers une utilisation entreprise. (utilisation de formulaire, validateur) Merci à Vincent pour son dynamisme.