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
  28 heures
 

Nombre de participants


Début

Fin


Dates are subject to availability and take place between 09:30 and 16:30.
Les formations ouvertes requièrent plus de 3 participants.

Nos Clients témoignent (2)

Cours Similaires

Relay: Efficiently Fetch Data in React Applications

  14 heures

Catégories Similaires