أهداف الدورة التكوينية
Le nouveau framework React, créé par Facebook, s’est rapidement imposé grâce à ses très hautes performances par rapport aux autres frameworks. Cette formation vous apprend comment utiliser React JS pour développer et tester vos 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. Avoir certaines connaissances d’EcmaScript est également exigé.
البرنامج
Introduction à React
- Philosophie de React Les autres Frameworks JavaScript Environnement de développement Outils de debug
Les nouveautés ECMAScript
- Présentation d’ECMAScript Les nouveautés ES6/ES2015 ES2017 : les fonctions « async »
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
- Build complet avec webpack Build managé avec la cli create-react-app Les différents packages de bootstraping React
Les Composants React
- Les composants fonctionnels et de classe Composition de multiple composants Cycle de vie d’un Composant de classe Les Hooks des composants fonctionnels Gestion des événements click, mouseover…
Styliser ces composants
- Les différentes approches pour styliser un composant La bibliothèque de « styled-components » Emotion
Interaction de l’utilisateur avec les composants
- Gestion d’Ajax Gestion des formulaires Manipulation du DOM, DOM virtuel
Gestion centralisée des données
- Présentation des différentes technologies de gestion (Redux, MobX, etc.) Présentation de Redux Le Store et les Actions Création de Reducteurs pour les Actions Utilisation avec React
Le Router
- Les différents Routers HashRouter ou PushState Conséquences sur le déploiement
Application isomorphique
- Présentation de NodeJS Principe et bénéfices du développement isomorphique Découverte du Framework NextJs
المواضيع: Javascript - HTML5