REACT.JS TRAINING
This React.js training course is designed for developers and web integrators who want to learn how to build modern, interactive, and maintainable web applications with React.
The course begins with a focused review of the JavaScript concepts most commonly used with React, including arrow functions, destructuring, spread and rest operators, map, filter, reduce, JavaScript modules, and asynchronous programming.
Participants will then learn the core concepts of React, including JSX, functional components, props, local state, events, conditional rendering, lists, forms, and Hooks.
A complete application will be developed progressively using React 19 and Vite. Participants will also learn how to organize a React project, implement navigation with React Router, communicate with a REST API, and manage loading and error states.
Introduction to React.js Training
Understand React’s role in a web application
Discover React’s declarative approach and component-based architecture
Install Node.js, npm, and the development tools
Create a React application with Vite
Explore the structure of a React project
Modern JavaScript for React
Review arrow functions, objects, and arrays
Use destructuring, spread, and rest
Understand data immutability
Work with collections using map, filter, find, and reduce
Use modules, promises, async, and await
JSX and React Components
Understand JSX syntax
Insert JavaScript expressions into the interface
Create and reuse functional components
Pass data with props
Compose and organize an interface with components
State, Events, and Conditional Rendering
Manage state with useState
Handle user events
Update objects and arrays without mutation
Display lists and conditional content
Enable communication between multiple components
Styles and Forms
Apply styles and conditional classes
Discover CSS stylesheets and CSS Modules
Create controlled form fields
Validate and submit a form
Display errors and processing states
React Hooks
Understand the purpose and rules of Hooks
Use useState and useEffect
Manage effect dependencies and cleanup
Create custom Hooks
Reuse logic across multiple components
REST APIs and Data Management
Integrate a provided Express API
Perform requests with fetch
Retrieve, add, update, and delete data
Handle loading states, errors, and HTTP responses
Organize API calls into services
Navigation with React Router
Configure pages and routes
Create navigation with Link and NavLink
Use URL parameters
Create nested routes and redirects
Handle not-found pages and protected routes
Context API and Shared State
Understand when to use Context
Share state and functions across the application
Create a Provider and use useContext
Create a custom Hook to access a context
Store selected data with localStorage
User Preferences, Authentication, and Sessions
Create light and dark themes
Store user preferences
Create an authentication context
Manage login, logout, and the current user
Restore and synchronize a session across multiple browser tabs
Project Organization and Production
Structure components, pages, contexts, and services
Separate business logic from presentation
Configure environment variables
Create a production build with Vite
Prepare a React application for deployment
Other course(s) in this category
→ Visual Basic .NET Training (VB.NET) | Montreal, Quebec, Gatineau
→ Training: WPF Interface Development with C# and Visual Studio
Prerequisites:
- Basic knowledge of HTML and CSS
- General understanding of JavaScript programming
- Ability to work with variables, conditions, functions, objects, and arrays
- No previous React or TypeScript experience is required
A review of the modern JavaScript concepts required for React is included. However, this course is not a complete introduction to JavaScript programming.
Objectives:
- create and configure a React application with Vite
- understand and use JSX
- create reusable functional components
- pass data through props
- manage local state with
useState - handle events and conditional rendering
- display and transform collections of data
- create and validate forms
- use
useEffectto synchronize a component with an external system - consume a REST API with
fetch - manage loading, error, and empty states
- implement navigation with React Router
- organize and build a React application for production
Need professional support?
Beyond training, our experts can support you with implementation, optimization, and the hands-on delivery of your projects.
- Post-training support, coaching, and guidance
- Implementation of tools and best practices
- Process optimization and automation
- One-time intervention or tailored engagement
Online
- 27/07/2026
- 28/07/2026
- 04/08/2026
- 05/08/2026
- 06/08/2026
- 07/08/2026
- 10/08/2026
- 11/08/2026
- 20/08/2026
- 21/08/2026
- 01/09/2026
- 02/09/2026
- 03/09/2026
- 04/09/2026
- 17/09/2026
- 18/09/2026
- 21/09/2026
- 22/09/2026
- 05/10/2026
- 06/10/2026
- 06/10/2026
- 07/10/2026
- 08/10/2026
- 09/10/2026
- 15/10/2026
- 16/10/2026
- 02/11/2026
- 03/11/2026
- 03/11/2026
- 04/11/2026
- 05/11/2026
- 06/11/2026
- 16/11/2026
- 17/11/2026
- 19/11/2026
- 20/11/2026
- 01/12/2026
- 02/12/2026
- 03/12/2026
- 04/12/2026
- 14/12/2026
- 15/12/2026
- 17/12/2026
- 18/12/2026
- 28/12/2026
- 29/12/2026
Montreal
- 19/10/2026
- 20/10/2026
Quebec City
- 02/09/2026
- 03/09/2026
- 30/11/2026
- 01/12/2026
Pricing
Practical information
- Duration: 2 day(s)
- Schedule: 9:00 a.m. to 4:30 p.m. (2 coffee breaks + 1-hour lunch)
-
Format:
- Online (live virtual classroom)
- Or in person, depending on availability
📄 Download course outline (PDF)
Registration detailsInterested in this training?
Free quote with no obligation
Registration with credit card payment
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)