React
Organised by :
Training partners :
Description
Le Framework React a été proposé par Facebook en contradiction avec les modèles traditionnels. Il favorise la simplicité, et la performance. Les technologies utilisées sont ReactJS, JSK et Flux.
Les contenus techniques vus en formation sont :
● La bibliothèque ReactJS
● JSX et ES2015+
● L’architectures « One way data flow » avec Redux
What are the aims of the training?
Les objectifs visés par cette formation sont :
● Développer avec ReactJS
● Manipuler les Hooks de ReactJS
● Concevoir une SPA avec ReactJS et Redux
● Comprendre le subset JavaScript JSX
What do you need to know to follow the training?
Connaissances préalables de Javascript ou Typescript
Training programme
Rappels des composants des RIA
● Les fondamentaux. HTML, CSS, JavaScript. Le DOM
● Design patterns applicatifs classiques. Limitations des applications JavaScript
● Écosystème des frameworks JavaScript
● Principes de Data-Binding : dirty-checking, virtual-dom
● ReactJS, positionnement et philosophie
● JSX, présentation. Mise en œuvre “Transpileurs”
● Environnement de développement. IDE et plug-ins
Développer avec ReactJS
● Approche du développement en React JS
● Utiliser JavaScript ou JSX
● Comprendre JSX en détail. Pièges à éviter
● Méthodes principales de l’API
● Création de composant de vues
● “Render Function” : gestion des états de composant
Interactivité des composants
● Design Pattern : stratégie pour les composants à état
● Utilisation des Hooks de ReactJS
● Gestion des événements.
● Composer par ensembles
● “Component Data Flow” : propriétaire, enfants et création dynamique 1
● Composants réutilisables : contrôle et transfert de propriétés
● Contrôle des composants de formulaire
● Manipulation du DOM
Application monopage avec ReactJS et Redux
● Présentation de la librairie Redux.
● Propagation de données du store Redux dans les composants React
● Architectures « One way data flow »
● Rôle du “Dispatcher” du Store, du Reducer et des Actions
Exercices pratiques
● Mise en place d’un environnement de développement
● Mise en place d’une application Web en React JS
● Réalisation de formulaires en JSX
● Manipulation des stores de données