React is a JavaScript framework widely used for creating interactive and responsive user interfaces. It offers developers the ability to create reusable components, simplifying development and maintenance. What's more, it reduces performance issues, delivering a smoother development experience.
Duration
7.0 hours
Regular fee
$250
Objectives of the training
The aim of this course is to teach you how to write and run a React application.Targeted audience
IT specialists.Prerequisite
Advanced knowledge of JavaScript is required.Trainers
Upcoming information
Benefits for Participants
Course architecture
Introduction
- Module objectives
- Framework comparison
- Historical background
- Presentation
- Conclusion
In this module, you can watch a 00:05 video.
Installation
- Module objectives
- Installing Node.js
- Installing WebStorm
- Creating a first project
- Basic structure of the first project
- Demonstration - Installing and creating your first project
- Conclusion
In this module, you can watch a 00:07 video.
The components
- Module objectives
- Introduction to JSX
- The variable component
- The function component
- The class component
- Props
- Lists and keys
- Demonstration - Creating a component
- Practical exercises
- Correction TP 1/2
- Correction TP 2/2
- Conclusion
In this module, you can watch a 00:42 video.
Energizing a project
- Module objectives
- Basic state management
- Events
- Component life cycle
- Conditional display
- Demonstration - Managing states
- Practical exercises
- Correction TP 1/2
- Correction TP 2/2
- Conclusion
In this module, you can watch a 00:48 video.
Forms
- Module objectives
- Basic form management
- Controlled forms
- Data validation and security
- Demonstration - Forms management
- Practical exercises
- Correction TP 1/3
- Correction TP 2/3
- Correction TP 3/3
- Conclusion
This module allows you to view a video lasting 01h30.
Functional programming and hooks
- Module objectives
- Introduction to functional programming
- State hook
- Effect hook
- Reference hook
- Custom and other hooks
- State optimization
- Demonstration - Forms management in functional programming 1/2
- Demonstration - Forms management in functional programming 2/2
- Practical exercises
- Correction TP 1/2
- Correction TP 2/2
- Conclusion
This module contains a 01:29 video.
React Router
- Module objectives
- Introduction to React Router
- BrowserRouter, Routes and Route
- Route not found and route with params
- The Link component
- React Router hooks
- Demonstration - Using React Router
- Practical exercises
- Correction TP 1/2
- Correction TP 2/2
- Conclusion
In this module, you can watch a video lasting 01h07.
Application context
- Module objectives
- Introduction to application context
- API Context
- Reducers
- Redux Toolkit
- Context slices and wrapping
- Retrieving and modifying values in the store
- Demonstration - Context with API Context
- Demonstration - Context with Redux Toolkit
- Practical exercises
- Correcting the tutorial
- Conclusion
In this module, you can watch a 00:52 video.
Private or personalized training
Do you have several employees interested in the same training course? Whether in person at your offices or remotely in virtual mode, we offer private training courses tailored to your team's needs. Group rates are available. Contact us for more details or request a quote online.
Request a quoteDuration
7.0 hours
Regular fee
$250
Private or personalized training
Do you have several employees interested in the same training course? Whether in person at your offices or remotely in virtual mode, we offer private training courses tailored to your team's needs. Group rates are available. Contact us for more details or request a quote online.
Request a quote