ReactJS – Développer des applications web performantes avec le framework JavaScript de Facebook

• Développeurs JavaScript souhaitant évoluer vers des architectures modernes.
• Architectes front-end et chefs de projets web.
• Toute personne amenée à concevoir ou maintenir des interfaces web riches.

• Développer une application web avec ReactJS.
• Concevoir une SPA (Single Page Application) en utilisant Flux ou Redux.
• Maîtriser le langage JSX et ses spécificités.
• Comprendre et appliquer les principes du Virtual DOM pour optimiser les performances.
• Mettre en œuvre les bases du développement isomorphique avec React et Node.js.

Fondamentaux et mise en place de l'environnement

• Rappels RIA : HTML, CSS, JavaScript, DOM
• Design patterns applicatifs classiques et limites des frameworks historiques
• Présentation de l'écosystème ReactJS et positionnement dans le paysage JavaScript
• Introduction à JSX et aux transpilers
• Mise en place de l'environnement de développement
• Travaux pratiques : configuration du projet, première structure JSX

Développer avec ReactJS

• MVC et Virtual DOM : principes et performances
• Syntaxe JSX détaillée, pièges à éviter
• API principale de React
• Création et cycle de vie des composants
• Gestion des états et propriétés
• Travaux pratiques : création de composants React dynamiques

Interactivité et gestion des composants

• Gestion des événements, autobinding et délégation
• Composants à état et composition
• Flux de données entre composants parents et enfants
• Composants réutilisables et contrôles de formulaires
• Manipulation ciblée du DOM
• Travaux pratiques : construction d'une UI interactive et modulaire

Créer une SPA avec Flux ou Redux

• Présentation des architectures Flux et Redux
• Gestion des états et propagation des données
• Rôle du Dispatcher et des Stores dans Flux
• Reducers et functional programming dans Redux
• Outils complémentaires : hot-loader, DevTools
• Travaux pratiques : création d'une SPA complète avec Redux

Développement isomorphique avec Node.js

• Principes et avantages de l'isomorphisme
• Présentation de l'écosystème JavaScript côté serveur
• Configuration de Node.js pour React
• Gestion des routes et rendu côté serveur
• Travaux pratiques : mise en place d'un pré-rendu serveur

Introduction à React Native

• Présentation et positionnement par rapport à Cordova et autres frameworks mobiles
• Passage de React aux composants natifs iOS/Android
• Aperçu des possibilités cross-plateformes

Une attestation de participation sera transmise aux participants