Course objectives
Le nouveau framework React, créé par Facebook, s’est rapidement imposé grâce à ses très hautes performances par rapport aux autres Framework. Cette formation vous apprend comment utiliser React JS pour développer et tester vos des applications web robustes et performantes.
Concrètement, à l’issue de ce stage, les participants auront acquis les compétences
nécessaires pour :
- Concevoir une application ReactJS et Redux
- Utiliser JSX et ES2015
- Comprendre l’immutabilité pour optimiser les performances des
composants React - Utiliser Redux pour organiser le code de façon très productive
- Utiliser React côté serveur pour le SEO et la vitesse sur mobile
Who is this course for?
Cette formation s’adresse à tous les Développeurs JavaScript ayant déjà de
l’expérience.
Prerequisites
Posséder des bases solides en HTML5 et CSS3, et avoir suivi une formation
JavaScript ou un niveau équivalent.
Programme
Introduction à React
• Ecosystème des frameworks JavaScript
• Différentes approches du data-binding
• Philosophie de React
• Environnement de développement
• Outils de debug
Premiers développements avec ReactJS
• Le composant
• Principe et conséquences du Virtual Dom
• La fonction render()
• ‘props’ et ‘state’
• Le langage JSX
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
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
• Présentation de Redux
• Le Store et les Actions
• Création de Reducteurs pour les Actions
• Utilisation avec React
• La fonction connect()
Le Router
• Les différents Routers
• HashRouter ou PushState. Conséquences sur le déploiement
• Utilisation avec ou sans CORS
Application isomorphique
• Présentation de NodeJS
• Principe et bénéfices du développement isomorphique
• Organisation des routes
Introduction à React Native
• Positionnement
• Différences avec Cordova et Titanium
• Intégration d’éléments de style graphique
• Plateformes supportées