React Js

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

Cette formation s’adresse à tous les Développeurs JavaScript ayant déjà de
l’expérience.

Posséder des bases solides en HTML5 et CSS3, et avoir suivi une formation
JavaScript ou un niveau équivalent.

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