Plan du cours
Introduction
- React contre Angular et d'autres cadres de référence
Comprendre React
- JSX, les composants et les props, le cycle de vie des composants, etc.
- Gérer l'état de l'application par rapport à l'état des données
Écrire des applications React avec ES6
- Syntaxe et caractéristiques ES6+ à surveiller
Mise en place de l'environnement de développement
Vue d'ensemble de Node.js
Installation et configuration de Node.js
Vue d'ensemble de Webpack et Babel
- Comprendre la "transformation" (traduire JSX en JavaScript)
Installation et configuration de Webpack
Installation et configuration de Babel
Installer React et ReactDOM
Écrire votre première application React
Configurer WebPack pour qu'il surveille les modifications apportées aux fichiers sources
Configurer npm en tant qu'outil d'exécution
Étendre l'application React avec de nouveaux composants
Implémenter l'architecture Flux et Redux dans une application React
Comprendre Flux et Redux
- Composants sans état, actions, réducteurs, répartiteurs, intergiciels, conteneurs, etc.
Construire des vues multiples dans l'application React
Installer et configurer Redux
Créer une simple liste de tâches avec Flux/Redux (avec une API de serveur fictif)
Intégrer un backend à votre application React : GraphQL et Apollo
Vue d'ensemble de GraphQL
- Types de données, schémas, structure de graphe, et intégration avec React.
- Limites de l'acheminement de données (Restful Routing)
- GraphQL vs SQL
Écrire une requête GraphQL
Authentification des utilisateurs
Intégration du routeur React avec GraphQL
Construire un blog simple avec React et GraphQL
Tester votre application React
Traiter les applications React avec les scripts en ligne de commande npm
Résolution des problèmes
Structurer le dépôt d'applications
Meilleures pratiques pour écrire du code React
Déployer votre React application
A Word sur les applications mobiles avec React Native
Résumé et conclusion
Pré requis
- Expérience en développement d'applications web
- Expérience en programmation Javascript
- Familiarité avec React
Audience
- Développeurs
Nos clients témoignent (2)
* L'approche pratique, qui nous a aidés à mieux comprendre le sujet. * La flexibilité de l'enseignant dans la couverture des sujets pertinents pour nos cas d'utilisation.
Juan Rial - Cegeka NV
Formation - Building Interactive Applications with React, Redux and GraphQL
Traduction automatique
Bien que j'avais déjà une bonne connaissance du sujet, j'ai découvert beaucoup de choses utiles pendant le cours.
Stefan-Lucian Bucur - Cegeka NV
Formation - Building Interactive Applications with React, Redux and GraphQL
Traduction automatique