Formation React.js · 2 jours
Créez des applications web modernes avec React.
Pour les développeurs et intégrateurs web qui connaissent HTML, CSS et les bases de JavaScript. En deux jours, vous allez de la création d'un projet avec Vite aux composants, aux Hooks, aux appels d'API REST et à React Router, jusqu'au build de production.
- 2 jours · 9 h – 16 h 30
- En ligne, à Montréal ou à Québec
- Dès 765 $ / participant
Ils ont suivi nos formations
- Desjardins
- Ville de Laval
- Emploi et Développement social Canada
Pourquoi React
Du JavaScript bricolé à une application structurée.
Aujourd'hui
- Des interfaces mises à jour « à la main » dans le DOM, difficiles à maintenir
- Du code copié-collé d'une page à l'autre
- Des appels d'API, des chargements et des erreurs gérés au cas par cas
- React paraît intimidant : Hooks, routes, contexte…
Après la formation
- Des composants réutilisables, alimentés par les props et l'état
- Des formulaires contrôlés, validés, avec leurs messages d'erreur
- Une application branchée sur une API REST
- Une navigation React Router et un build de production avec Vite
À la fin des 2 jours, vous saurez
Du premier composant à la mise en production.
- Vite · JSX
Créer et configurer une application React avec Vite, comprendre et utiliser JSX, créer des composants fonctionnels réutilisables
- Props · useState
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
- Formulaires · API
Créer et valider des formulaires, utiliser useEffect, consommer une API REST avec fetch et gérer les états de chargement, les erreurs et l'absence de données
- Router · build
Créer une navigation avec React Router, organiser et construire une application React pour la production
01Introduction à React
- Rôle de React dans une application web
- Approche déclarative et architecture par composants
- Installation de Node.js, npm et des outils de développement
- Création d'une application avec Vite
- Structure d'un projet React
02JavaScript moderne pour React
- Fonctions fléchées, objets et tableaux
- Déstructuration, spread et rest
- Immutabilité des données
- Manipulation des collections (map, filter, find, reduce)
- Modules, promesses, async et await
03JSX et composants React
- Syntaxe JSX
- Expressions JavaScript dans l'interface
- Création et réutilisation de composants fonctionnels
- Transmission de données avec les props
- Composition et organisation d'une interface
04État, événements et rendu conditionnel
- Gestion de l'état avec useState
- Traitement des événements utilisateur
- Mise à jour d'objets et de tableaux sans mutation
- Affichage de listes et de contenus conditionnels
- Communication entre composants
05Styles et formulaires
- Application de styles et classes conditionnelles
- Feuilles CSS et CSS Modules
- Champs contrôlés
- Validation et soumission de formulaires
- Affichage des erreurs et des états de traitement
06Hooks React
- Rôle et règles des Hooks
- useState et useEffect
- Gestion des dépendances et nettoyage des effets
- Création de Hooks personnalisés
- Réutilisation de logique entre composants
07API REST et gestion des données
- Intégration d'une API Express fournie
- Requêtes avec fetch
- Récupération, ajout, modification et suppression de données
- Gestion du chargement, des erreurs et des réponses HTTP
- Organisation des appels à l'API dans des services
08Navigation avec React Router
- Configuration des pages et des routes
- Navigation avec Link et NavLink
- Paramètres d'URL
- Routes imbriquées et redirections
- Pages introuvables et routes protégées
09Context API et état partagé
- Cas d'utilisation de Context
- Partage d'état et de fonctions
- Provider et useContext
- Hooks personnalisés pour accéder au contexte
- Conservation de données avec localStorage
10Préférences, authentification et session
- Création d'un thème clair et sombre
- Conservation des préférences utilisateur
- Contexte d'authentification
- Connexion, déconnexion et utilisateur courant
- Restauration et synchronisation de session
11Organisation et mise en production
- Structure des composants, pages, contextes et services
- Séparation de la logique métier et de l'affichage
- Configuration des variables d'environnement
- Build de production avec Vite
- Préparation du déploiement
Dates et tarifs
Deux jours, en ligne, à Montréal ou à Québec.
De 9 h à 16 h 30, avec deux pauses et une heure de dîner. Classe virtuelle en direct, ou en présentiel à Montréal et à Québec. Aussi possible en soirée ou réparti sur plusieurs semaines, sur demande.
par participant · organismes publics et OBNL
par participant · entreprises et particuliers
- Support de cours
- Coaching personnalisé après la formation
- Thé, café et dîner au restaurant (sessions publiques)
- Stationnement (certaines villes)
- Wi-Fi
Prochaines sessions
En soirée ou réparti sur plusieurs semaines : choisissez « Autre date » dans le formulaire et indiquez vos préférences.
Votre formateur
Un développeur full stack, qui enseigne par la pratique.
Diplômé en génie logiciel de l'ÉTS, Danny possède plusieurs années d'expérience en développement logiciel, en développement Web et en formation technique. En tant que développeur full stack, il travaille avec diverses technologies liées à la programmation, aux bases de données, aux API et au développement d'applications Web.
Son approche pédagogique repose principalement sur la pratique, les démonstrations et les exercices, pour faciliter la compréhension. Il donne aussi les formations SQL Server et SQL chez Doussou Formation.
« C'était une belle formation qui m'a permis de mieux comprendre cette technologie. »
« Très précis et prend vraiment le temps de tout expliquer. »
Ce qu'en disent les participants
Ce qu'en disent nos participants.
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.
Très bonne formation, formateur super sympa et compétent. […]
Je recommande l'équipe Doussou Formation. Le formateur Danny Alexander Villeda connaît sa matière.
Pour votre employeur
Obtenez une soumission à faire approuver.
Votre organisation paie souvent la formation. Remplissez ce formulaire : nous vous envoyons une soumission officielle au nom de votre employeur, prête à transmettre à votre gestionnaire.
- Vous choisissez le format, la date et le nombre de participants.
- Nous préparons la soumission (tarif préférentiel si votre organisation y est admissible).
- Votre gestionnaire l'approuve, et votre place est réservée.
Questions fréquentes
Avant de vous inscrire.
Faut-il déjà connaître React ?
Non. Il faut connaître les bases de HTML et CSS et avoir une compréhension générale de JavaScript : variables, conditions, fonctions, objets et tableaux. Aucune connaissance préalable de React ou de TypeScript n'est requise.
Quels outils allons-nous utiliser ?
Node.js, npm et Vite pour créer le projet, React et React Router, ainsi qu'une API Express fournie pour les exercices de données. Leur installation fait partie du premier module.
Va-t-on vraiment construire une application ?
Oui. Les modules s'enchaînent sur une même application : composants, formulaires, appels à l'API, navigation, authentification, thème clair et sombre, puis build de production.
La formation est-elle en ligne ou en présentiel ?
Les deux : classe virtuelle en direct, ou en présentiel à Montréal et à Québec. Elle peut aussi se donner en soirée ou être répartie sur plusieurs semaines, sur demande.
Quel est l'horaire ?
Deux journées complètes, de 9 h à 16 h 30, avec deux pauses café et une heure de dîner.
Qui a droit au tarif préférentiel ?
Les organismes publics et les OBNL : 765 $ par participant, au lieu de 901 $.
Mon employeur peut-il payer directement ?
Oui. Demandez une soumission au nom de votre organisation avec le formulaire ci-dessus : vous recevez un document à faire approuver par votre gestionnaire.
Qu'est-ce qui est inclus ?
Le support de cours, la possibilité d'un coaching personnalisé après la formation, et pour les sessions publiques en classe : thé, café, dîner au restaurant, Wi-Fi et, dans certaines villes, le stationnement.
Et après ?
Pour aller plus loin : la formation React / Redux et tests unitaires en JavaScript.
Qui donne la formation ?
Danny V., développeur full stack diplômé en génie logiciel de l'ÉTS.