Programme détaillé

IDENTIFIER LES SPECIFICITES DE REACTJS

• Les Single Page Applications
• Les limites de Javascript et de jQuery
• Lenteurs du DOM
• Positionnement de React JS
• Création une SPA « from scratch en JS »

DEVELOPPER DES APPLICATIONS WEB PERFORMANTES AVEC REACTJS (1/2)

• Le composant <HelloWorld>
• Principe et conséquences du Virtual Dom
• La fonction render()
• 'props' et 'state'
• Composition de multiples composants
• Cycle de vie d'un Composant

DEVELOPPER DES APPLICATIONS WEB PERFORMANTES AVEC REACTJS (2/2)

• Utilisation des Hooks
• Gestion d'Ajax
• Gestion des formulaires
• Ecrire des composants avec des Hooks
• Consommer une API REST avec Axios
• Créer un formulaire et traiter ses données

CONCEVOIR UNE SPA AVEC REACTJS ET FLUX

• Limites de l'approche MVC
• Présentation de Flux et Redux
• Le Store et les Actions
• Création de Réducteurs pour les Actions
• Création un store (à la mode Redux)
• - Initialiser, consommer et modifier le store depuis les composants
• - Restaurer un état depuis le store

METTRE EN PRATIQUE LES CONCEPTS ET LES SYNTAXES JSX

• Le langage JSX
• Les bonnes pratiques ou pièges à éviter (subsets JSX, etc.)
• Découpage des composants avec JSX
• Utilisation des Javascript Expressions et Props JSX

OPTIMISER LES PERFORMANCES DES RIA

• Compiler et déployer une application ReactJS
• Mesurer la performance côté client
• Aperçu des outils de Build
• Builder l’application avec Brunch ou Webpack
• Mesurer la performance avec DevTools Profiler

IDENTIFIER LES IMPACTS DES ARCHITECTURES RIA

• Principe et bénéfices du développement isomorphique (fullstack JS)