FR
Illustration: REACT.JS TRAINING course

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.

2 days 9:00 a.m. to 4:30 p.m. Online, Montreal, Quebec City

Updated on

The REACT.JS TRAINING course at a glance

Length
2 days
Schedule
9:00 a.m. to 4:30 p.m.
Format
Live virtual class or in person in Montreal and Quebec City
Audience
Tous
Price
$901 per participant, or $765 for public bodies and non-profits (plus taxes)
Language
English

Doussou Formation and REACT.JS TRAINING: key facts

Upcoming REACT.JS TRAINING sessions

Online

  • Select
  • Select
  • Select
  • Select
  • Select
  • Select
  • Select
  • Select
  • Select
  • Select
  • Select

Montreal

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

  • Select

Quebec City

  • Select

REACT.JS TRAINING course outline

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

Your REACT.JS TRAINING trainers

The course is given by one of the trainers below, depending on the session. They all follow the same outline, with the same exercises and course materials.

Portrait of Danny

Danny

A graduate in Software Engineering from ÉTS, Danny has several years of experience in software development, web development, and technical training. As a full-stack developer, he works with a variety of technologies related to programming, databases, APIs, and web application…

View full profile
Portrait of 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…

View full profile

Prices and practical information

Preferred rate

$765 / participant

Public bodies and non-profits · plus taxes

Standard price

$901 / participant

Businesses and individuals · plus taxes

Practical information

  • Length: 2 days
  • Schedule: 9:00 a.m. to 4:30 p.m.
  • Format: Live virtual class or in person in Montreal and Quebec City
  • Payment: online (PayPal or card) when registering, or by invoice for organizations
View dates and register Quote for my employer

Corporate REACT.JS TRAINING training

Train your whole team as a private group, on your own documents, at your premises or in a virtual class, on the dates that suit you.

Request an offer

Participant reviews

97% satisfaction (end-of-course evaluations, 120 evaluations) · Read all testimonials

Why take this REACT.JS TRAINING course

Objectives: what you will be able to do

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

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

What is included

  • Course materials and exercise files for each participant
  • Certificate of attendance
  • Optional personalized coaching after the course
  • In public in-person sessions:
    • Tea and coffee
    • Lunch at a nearby restaurant
    • Parking (in some cities)
    • Wi-Fi access

View all courses: Application Development

Interested in the REACT.JS TRAINING course?

Quote for my employer Register now