Programme ReactJS - Développement d'applications Web
Développeurs ayant à réaliser des applications Web.
Durée : 3 jours - 21 heures
Tarif : Nous contacter pour une formation INTER – INTRA ou en COURS PARTICULIER
La formation est délivrée en présentiel ou distanciel (e-learning, classe virtuelle, présentiel et à distance). Le formateur alterne entre méthodes démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation). La validation des acquis peut se faire via des études de cas, des quiz et/ou une certification.
Cette formation est animée par un consultant-formateur dont les compétences techniques, professionnelles et pédagogiques ont été validées par des diplômes et/ou testées et approuvées par l’éditeur et/ou par Audit Conseil Formation.
Les objectifs
pré-requis
Avoir une très bonne connaissance de JavaScript et de ses aspects avancés.
Moyens pédagogiques, techniques et d'encadrement
- 1 poste de travail complet par personne
- De nombreux exercices d'application
- Mise en place d'ateliers pratiques
- Remise d'un support de cours
- Remise d'une attestation de stage
Modalités d'évaluation des acquis
- Evaluation des besoins et objectifs en pré et post formation
- Evaluation technique des connaissances en pré et post formation
- Evaluation générale du stage
Accessibilité handicapés
- Au centre d’affaires ELITE partenaire d’ACF à 20 m.
- Guide d’accessibilité à l’accueil.
Le Programme
Introduction et rappels ES6
Outils et IDE (Integrated Development Environment)
L'extension du navigateur React Developer Tools
Packaging, npm
Transpiler ECMAScript
Syntaxe ES6 : let, const, classes, interfaces, modules, fonctions arrow
Le framework ReactJS
Principes de base et comparaison avec les autres frameworks
Philosophie "composant"
Workflows de développement : from scratch, intégration à une application Web existante, utilisation de Create React App
Le DOM Virtuel et la réconciliation
Le JSX et les composants
Définition d'un élément React
Liaison avec le DOM (ReactDOM.render())
Syntaxe JSX
Les composants : définition et intérêt
Composants en mode classe et composants fonctionnels
Imbrication de composants
Les props
Définition des props et transmission de données
Accéder aux props
La props.children
Le routing et la navigation
Construire une SPA (Single Page Application) avec react-router-dom (version 6)
Le router, les liens, les routes, le switch
Les paramètres d'URL et les navigations imbriquées
Les Hooks
Définition et comparaison avec les composants en mode "classe"
Hooks d'état (useState) et d'effet (useEffect)
Règles des Hooks et custom Hooks
Syntaxe des évènements dans le JSX
Gestion des méthodes d'évènement (handlers)
Contenu conditionnel et raccourcis (opérateur &&, opérateur ternaire)
Listes et raccourcis (map, filter)
Les clés (key) et le DOM Virtuel
Les fragments
Etat du composant et composants contrôlés
Gestion des formulaires et refs
Immutabilité des variables partagées
Problème de la gestion d'état
Les actions, les reducers et le store
Utilisation avec React (react-redux)
Le composant Provider
Les containers
Utilisation avec les Hooks useSelector et useDisptach
Introduction aux tests unitaires
Le framework Jest (setup, teardown, describe, it)
La React Testing Library (cleanup, render, fireEvent)
React Native : aperçu et utilisation pour le développement d'applications mobiles
Server Side Rendering (SSR) : avantages et cas d'utilisation