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.
Objectives
The aim of this course is to teach you how to write and run a React application.
Is it for you ?
IT specialists.
Prerequisite
Advanced knowledge of JavaScript is required.
Your benefits
Content
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.
See more + / -
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.
💡 Useful information
100% online training. Accessible anytime, from anywhere, giving a one year of access to the training. If you have any questions regarding registration, the language of instruction, or cancellation policies, please consult our FAQ .
Trainers
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