React.js souvent appelé React ou ReactJS est une bibliothèque JavaScript responsable de la génération des composants de l’interface utilisateur. Il fournit un support pour front-end et côté serveur.
OBJECTIFS PEDAGOGIQUES
- Découvrir et prendre en main le Framework React et concevoir des applications Web riche
PROGRAMME
INTRODUCTION
- Rappels Javascript (ES6 à ES2020)
- Single Page Application vs Multi Page Application
- Ecosystème des frameworks web Javascript
- Solution apportée par ReactJS, Dom vs VirtualDom
- Environnement de développement: IDE, outils et plugins
CRÉATION DE NOTRE PREMIÈRE APPLICATION REACTJS
- Gestionnaire des dépendances: Yarn vs NPM
- Comprendre le JSX
- Design Pattern et règles d’un composant
- Mettre en place le CSS avec ReactJS: quelles solutions ?
PROPS
- Comprendre les props
- Passage et utilisation des props
- PropTypes et props par défaut
COMPOSANTS
- Comprendre et utiliser les Class et Functional Component
- Comprendre et utiliser le state (class Component), attacher des events handler
- Data flow d’une application React
- Références vers un noeud du DOM
- Gestion sensible des formulaires
CYCLE DE VIE
- Présentation des méthodes courantes du cycle de vie d’une classe
- Comprendre à quel moment les utiliser
- Éviter les fuites mémoires
REACTJS ET ROUTING
- Installation de la librairie react-router-dom
- Comment mettre en place le routing sur une application React
- Les différentes méthodes pour créer des liens et routes
- Structurer notre application
- Création de High Order Components
REACT HOOKS
- Utilisation de useState et useEffect
- Utilisation de useRef
- Utilisation de useReducer pour les états complexe
- Optimisation des rendu: useCallback et useMemo
- Apprendre à créer nos propres hooks
OPTIMISATION
- Introduction au lazy loading
- Introduction à la mémoïsation: quand est-ce utile?
- Utilisation de PureComponent
- Utilisation de React Memo
REDUX
- Utilité, principes et Fonctionnement de Redux, installer redux sur notre application React
- Exemple d’utilisation sans framework
- Ecrire nos reducers, et nos actions, connecter nos composants
- Plugin de développement avec redux
- Rendre l’asynchrone possible avec Redux
PUBLIC
Développeurs, intégrateurs, webmastersPRÉREQUIS
INFORMATIONS PRATIQUES
HORAIRES DE LA FORMATION
de 9 h 00 à 12 h 30 et de 13 h 30 à 17 h 00
MÉTHODOLOGIE PÉDAGOGIQUE
Théorie | Cas pratiques | Synthèse
MODALITÉS D'ÉVALUATION
Évaluation qualitative des acquis tout au long de la formation et appréciation des résultats
