React - Maîtriser le framework JavaScript de Facebook
Date de mise à jour :
Identifiant Offre Info : 24_252121
Organisme responsable :
Mandyben
(ouvre dans un nouvel onglet)
Présentation de la formation
Objectifs
Programme de la formation
INTRODUCTION À L'ES6 ET AUX MODULES - Rappels - Design patterns - Nouveautés de la syntaxe ES6 - Compilation du code ES6 avec Babel - Aller plus loin : Typescript et Flow - Gestion des modules avec Webpack INTRODUCTION A REACT - Ecosystème des frameworks JavaScript - Différentes approches du data-binding - Philosophie de React - Environnement de développement - Outils de debug DÉVELOPPER AVEC REACT - Création d'un composant - La syntaxe JSX - JSX vs JavaScript -…
- Rappels
- Design patterns
- Nouveautés de la syntaxe ES6
- Compilation du code ES6 avec Babel
- Aller plus loin : Typescript et Flow
- Gestion des modules avec Webpack
INTRODUCTION A REACT
- Ecosystème des frameworks JavaScript
- Différentes approches du data-binding
- Philosophie de React
- Environnement de développement
- Outils de debug
DÉVELOPPER AVEC REACT
- Création d'un composant
- La syntaxe JSX
- JSX vs JavaScript
- Comprendre JSX en détails
- Gestion du « state » du composant
- Les méthodes du cycle de vie
INTERACTIVITÉ DES COMPOSANTS
- Gestion des événements
- Imbrication de composants
- Utilisation des « props »
- Composants réutilisables
- Manipulation du DOM
- Gestion des formulaires
- Design pattern des composants
APPLICATION MONOPAGE AVEC FLUX OU REDUX
- Présentation de Flux
- Installation de Redux
- Les différentes entités du pattern Flux
- Principe du « one way data flow »
- Présentation de Redux
- Utilisation du store
- Les actions et le reducer
- Extensions utiles de Redux
- Intégration dans React
- L'internationalisation
LA NAVIGATION AVEC REACT ROUTER
- Présentation de React Router
- Installation de React Router
- Configurer les routes
- Récupérer les paramètres de l'URL
- Créer des liens
- Déclencher une navigation
Validation et sanction
Type de formation
Non certifiante
Niveau de sortie
Information non communiquée
Durée, rythme, financement
Durée
En centre
35 h
Financement
- Conventionnement
- Oui
Conditions d'accès
Public visé
- Tout public
Niveau d'entrée
Information non communiquée
Conditions spécifiques et prérequis
Bonnes maîtrises de l'environnement JavaScript, pratique du développement web
Lieu de réalisation de l'action
Modalités d'enseignement
Formation mixte
Adresse
146 rue Paradis13006 Marseille 6e
Responsable : MARAVAL
Périodes prévisibles de déroulement des sessions
Début
Fin
- Adresse d'inscription
-
146 rue Paradis
13006 Marseille 6e - Modalités
- Entrées / Sorties à dates fixes