React et React Native

Module 1 : Introduction à React

• Positionnement de React
• Présentation du Virtual DOM
• Les outils de développement
• Rappel ES6: Spread operator, destructuring, promises, …
• Création d’une application minimum React ‘from scratch’
• Création d’une application React avec le script « create-react-app »

Module 2 : Composants React

• Notion de composant React
• Etats d’un composant et cycle de vie
• Propriétés d’un composant
• Présentation de JSX

Module 3 : Communication entre composants

• Communication inter-composants
• Les évènements
• Les formulaires
• Propagation des données dans l’arbre DOM

Module 4 : Flux des données

• Echanges avec le serveur
• Présentation de l’architecture REST
• Présentation des promises ES6 (fetch)
• Echanges entre l’application React et un serveur via REST

Module 5 : Les Hooks

• Notion de  Hook et programmation fonctionnelle
• Utilisation de la state dans une fonction
• Quelques hooks : useState, useEffect, useMemo…

Module 6 : Autres éléments d’une application React

• Arbre DOM et fragments
• Utilisaton du Contexte
• Remonter de l’état : Lifting State Up
• Le pattern Higher-Order Components (pattern décorateur)
• Les « Error Boundaries »

Module 7 : Redux

• Présentation de Redux et du flux de données dans l’application
• Eléments composants Redux
• React et Redux
• Les Hooks de Redux

Module 8 : React Native

• Principes de fonctionnement
• Les composants React Native
• Navigation entre les écrans
• Persistence des données et communication des services REST

Module 9 : Concepts avancés

• Animation
• Timer
• Modules Natifs

Module 10 : Déploiement des applications

• Identité visuelle : Icône et écran de démarrage (splash screen)
• Builder pour iOS et Android
• Permettre les “betas tests” d’une application
• Déployer une application sur les stores