• Tout public

Découvrir React.js. Développer avec ReactJS. Concevoir une SPA avec ReactJS et Flux. Comprendre le
subset JavaScript JSX...

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
- 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

Bonnes maîtrises de l’environnement JavaScript, pratique du développement web

Durée en centre : 35 heures

Formacode (Domaines de formation) :

• 30867 Langage javascript

NSF (Spécialités de formation) :

• 326 Informatique, traitement de l'information, réseaux de transmission des données

Restauration
Espaces détente équipé de frigo et micro-ondes, machine à café, boissons et fontaine à eau…

Transport
Métro Estrangin Préfecture ou Castellane, Bus 41 s’arrête devant ou parking 150 et 202 rue Paradis…

Accès handicapés
OUI