Développement web apps modernes avec ReactJS

Objectif

Cette formation vous permettra d'utiliser React JS pour développer et tester des applications web performantes.

Maîtriser les impacts du choix d'une architecture incluant ce type d'application.

Apprendre à développer avec ReactJS

Savoir concevoir une SPA avec ReactJS et Flux Comprendre le subset JavaScript JSX

Pouvoir optimiser les performances des RIA.

Public Cible

Développeur JavaScript 

Managers

Chef de projet web

Programme de la Formation

Partie 1 : Introduction à ReactJS

• Ecosystème des frameworks JavaScript
• Différentes approches du data-binding
• Philosophie de React
• Environnement de développement
• Outils de debug

Travaux Pratiques

Partie 2 : Architecture de ReactJS

• Premiers développements avec ReactJS
• Le composant
• Principe et conséquences du Virtual Dom
• La fonction render()
• 'props' et 'state'
• Le langage JSX

Travaux Pratiques

Partie 3 : Build  et Déploiement

• Les possibilités de build
• React et la JS Fatigue
• Build simple avec npm
• Build complet avec webpack
• Build managé avec la cli create-react-app
• Les différents packages de bootstraping React

Travaux Pratiques

Partie 4 : Composants et actions

• Les Composants React
• Composition de multiple composants
• Cycle de vie d'un Composant
• Autres aspects majeurs de l'API React
• Gestion des événements click, mouseover...
• Interaction de l'utilisateur avec les composants
• Gestion d'Ajax
• Gestion des formulaires
• Composants purs et 'Container Components'
• Manipulation du DOM, DOM virtuel
• Application avec ReactJS et Redux
• Limites de l'approche MVC

Travaux Pratiques

Partie 5 : State manager

• Présentation de Redux
• Le Store et les Actions
• Création de Reducteurs pour les Actions
• Utilisation avec React
• La fonction connect()

Travaux Pratiques

Partie 6 : Le Router

• Les différents Routers
• HashRouter ou PushState. Conséquences sur le déploiement
• Utilisation avec ou sans CORS

Travaux Pratiques