React
Description
La formation aborde les contenus techniques suivants :
-
La bibliothèque ReactJS
-
EcmaScript 2015+
-
Le JSX
What are the aims of the training?
es objectifs visés par cette formation sont :
-
Développer avec ReactJS
-
Comprendre le subset JavaScript JSX
-
Comprendre les différentes approches pour styliser les composants
-
Manipuler les Hooks de ReactJS
-
Concevoir une interface avec ReactJS
What do you need to know to follow the training?
Disposer de connaissances avancées en Javascript ou Typescript.
Training programme
Introduction
-
Les fondamentaux : HTML, CSS, JavaScript, le DOM
-
Écosystème des frameworks JavaScript
-
Philosophie de React
-
Présentation du JSX.
-
Environnement de développement et des outils de debug
Développer avec React
-
Approche du développement en React
-
Comprendre JSX en détail. Pièges à éviter
-
Méthodes principales de l’API
-
Création de composant React
-
Gestion des événements du DOM
Stylisation des Composants React
-
Différentes approches pour styliser un composant
-
Présentation de bibliothèques de composant (MUI, React Bootstrap, ... )
Interactivité des composants
-
Design Pattern : stratégie pour les composants à état
-
Présentation du Hooks « useState »
-
Gestion du state d’un composant
-
Gestion des formulaires : Les composants contrôler
-
Communication entre les component : propriétaire, enfants
-
Présentation du Hook « useEffect »
-
Manipulation du DOM
-
Composants réutilisables : contrôle et transfert de propriétés
Interaction avec les Web API
-
Réaliser des requêtes Ajax
-
Mise en place et pièges à éviter
Exercices pratiques
-
Mise en place d’un environnement de développement
-
Réalisation d’une application Web en React
-
Gestion de formulaires avec des composants contrôler
-
Interaction avec une Web API