Objectives of the training
The aim of this course is to teach you how to write and run a React application.Targeted audience
IT specialistsPrerequisite
Advanced knowledge of JavaScript is requiredTrainers
Benefits for Participants
Course architecture
- Module objectives
- Framework comparison
- Historical background
- Presentation
- Conclusion
- 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
- 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
- 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
- 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
- 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
- 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
- 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
Private or personalized training
If you have more than 8 people to sign up for a particular course, it can be delivered as a private session right at your offices. Contact us for more details.
Request a quotePrivate or personalized training
If you have more than 8 people to sign up for a particular course, it can be delivered as a private session right at your offices. Contact us for more details.
Request a quote