Formation ReactJS
Programme ReactJS
PROGRAMME
Introduction et historique
- Retour sur l'environnement frontend actuel et son futur proche, concepts de base : chargement de ressources, modularité, asynchronisme, data-binding, immutabilité
Les choix de React
- MVC: Fonctions pures de rendu, composants à état
- Virtual DOM, la source de l'efficacité de React
TP
- Création d'un premier arbre de composants, propagation des props, branchement des event-handlers, population de composants enfants, gestion de l'état interne
- Installation d'un environnement de production plus moderne: Node, ESLint, Webpack, Hot reloading, React DevTools
- Appropriation de JSX, validation des PropTypes, modules ES2015, structuration du projet, intégration de composants tiers via NPM
- Aller plus loin avec DOM, du CSS
- Exploiter le cycle de vie des composants
- Types: garanties et couverture avec Flow
- Tests unitaires
- Revisiter la communication inter-composants
- Externalisation de l'état avec un store Redux
- Dispatch d'actions, composition des reducers associés
- Manipulation du context
- Redux DevTools, time-travel debugging.
- Provider et connexions React-redux
- Comment rajouter des middlewares Redux
- Préparation des action-creators synchrones, puis asynchrones (comparaison entre thunks, promises et sagas).
- Appel d'API distante
- Rendu des composants côté serveur (isomorphisme)
- Routage (v4)
Prochaine date
Voir nos calendriers des formations
Durée
3 jours
Référence Formation
4-JS-WEB
Objectifs
Comprendre les fonctionnements internes de React
Décrire un arbre de composants
Maîtriser la gestion globale d'état et intégrer l'architecture Flux avec Redux
Créer et intégrer un environnement de développement
Développer une application complète capable d'interagir avec un serveur
Décrire un arbre de composants
Maîtriser la gestion globale d'état et intégrer l'architecture Flux avec Redux
Créer et intégrer un environnement de développement
Développer une application complète capable d'interagir avec un serveur
Public
Architectes, développeurs et chefs de projets web
Pré-requis
Bon niveau Javascript
Nombre minimum de stagiaire : 4
Nombre maximum de stagiaire : 8
Moyens pédagogiques
Accueil des stagiaires dans une salle dédiée à la formation équipée d’un vidéo projecteur, tableau blanc et paperboard ainsi qu’un ordinateur par participant pour les formations informatiques.
Positionnement préalable oral ou écrit sous forme de tests d'évaluation, feuille de présence signée en demi-journée, évaluation des acquis tout au long de la formation.
En fin de stage : QCM, exercices pratiques ou mises en situation professionnelle, questionnaire de satisfaction, attestation de stage, support de cours remis à chaque participant.
Formateur expert dans son domaine d’intervention
Apports théoriques et exercices pratiques du formateur
Utilisation de cas concrets issus de l'expérience professionnelle des participants
Réflexion de groupe et travail d'échanges avec les participants
Pour les formations à distance : Classe virtuelle organisée principalement avec l’outil ZOOM. Assistance technique et pédagogique : envoi des coordonnées du formateur par mail avant le début de la formation pour accompagner le bénéficiaire dans le déroulement de son parcours à distance.
Centre de Formation Marseille - Toulon
Calendriers De Formations
