EN
Illustration : formation React.js

Formation React.js

React.js

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.

Auparavant la formation se donnait avec TypeScript, mais elle est se donne avec JavaScript sans TypeScript. Au besoin, ça peut se donner avec TypeScript sous demande.

2 jours 9 h à 16 h 30 En ligne, Montréal, Québec
Voir les dates et m’inscrire Soumission pour mon employeur

Mis à jour le

La formation React.js en bref

Durée
2 jours
Horaire
9 h à 16 h 30
Format
Classe virtuelle en direct ou présentiel à Montréal et à Québec
Prix
901 $ par participant, ou 765 $ pour organismes publics et OBNL (taxes en sus)
Langue
Français ou anglais

Doussou Formation et React.js en quelques faits

Prochaines sessions de la formation React.js

En ligne

Montréal

Hôtel Zéro 1 · 1, boulevard René-Lévesque Est

Québec

  • Choisir

Programme de la formation React.js

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

Vos formateurs React.js

La formation est donnée par l’un des formateurs ci-dessous, selon les sessions. Tous suivent le même programme, avec les mêmes exercices et le même support de cours.

Portrait de Danny

Danny

Diplômé en génie logiciel de l’ÉTS, Danny possède plusieurs années d’expérience en développement logiciel, développement Web et formation technique. Développeur full stack, il travaille avec différentes technologies liées à la programmation, aux bases de données, aux API et au développement…

Voir le profil complet
Portrait de Mamadou DEMBELE

Certitié PL-300, AWS Architect, Scrum

Mamadou DEMBELE

Mamadou Dembele est le fondateur, président et l’un des principaux formateurs de Doussou Formation. Titulaire d’un Master en ingénierie d’affaires de l’Université de Strasbourg et d’un Master 2 en systèmes d’information et communication informatique de l’Université de Haute-Alsace, il offre…

Voir le profil complet

Tarifs et informations pratiques

Tarif préférentiel

765 $ / participant

Organismes publics et OBNL · taxes en sus

Prix public

901 $ / participant

Entreprises et particuliers · taxes en sus

Informations pratiques

  • Durée : 2 jours
  • Horaire : 9 h à 16 h 30
  • Format : Classe virtuelle en direct ou présentiel à Montréal et à Québec
  • Paiement : en ligne (PayPal ou carte) à l’inscription, ou sur facture pour les organisations
  • Financement : Doussou Formation est un organisme formateur agréé par la CPMT. Pour les employeurs assujettis à la Loi sur les compétences (masse salariale de plus de 2 M$), cette formation peut être comptabilisée dans leur obligation d’investir 1 % en formation.
Voir les dates et m’inscrire Soumission pour mon employeur

Formation React.js en entreprise

Formez toute votre équipe en groupe privé, sur vos propres documents, dans vos locaux ou en classe virtuelle, aux dates qui vous conviennent.

Demander une offre

Avis des participants

★★★★★

« 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. »

Farouk

★★★★★

« 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. »

Thierno

★★★★★

« 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. »

Éric

97 % de satisfaction (évaluations de fin de formation, 120 évaluations) · Lire tous les témoignages

Pourquoi suivre cette formation React.js

Objectifs : ce que vous saurez faire

  • 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 useEffect pour 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

Prérequis

  • 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

Ce qui est inclus

  • Support de cours et fichiers d’exercices pour chaque participant
  • Attestation de participation
  • Possibilité de coaching personnalisé après la formation
  • En session publique en présentiel :
    • Thé et café
    • Dîner dans un restaurant à proximité
    • Stationnement (dans certaines villes)
    • Connexion Internet sans fil

Intéressé par la formation React.js ?

Soumission pour mon employeur M’inscrire maintenant