Formation Building Interactive Applications with React, Redux and GraphQL
React est une bibliothèque de scripts Java permettant de créer des pages Web interactives rapides et fluides. Avec l'architecture Flux et le GraphQL requête GraphQL des applications Web extrêmement puissantes et efficaces.
Dans cette formation en direct animée par un instructeur, les participants apprendront à créer des applications React aide de Flux et GraphQL . Le cours couvre l'installation, la configuration, l'intégration, les tests, le déploiement et les meilleures pratiques en guidant les participants dans la création d'une série d'exemples d'applications montrant comment ajouter des niveaux de complexité et de fraîcheur à une application à l'aide des kits d'outils les plus avancés et techniques.
Développer des applications avec React nécessite un type de réflexion différent de celui auquel certains développeurs sont habitués, en particulier lorsqu'il provient de la mentalité d'autres frameworks MVC tels que Angular JS et Bootstrap .
Cette formation couvre les bases des technologies utilisées à chaque étape du processus pour permettre aux participants non seulement de créer une application fonctionnelle, mais également de comprendre pourquoi une approche particulière est utilisée. Cela jette les bases d'une réflexion indépendante et créative sur la conception et les résultats souhaités pour la création de leurs propres applications dans le futur.
Format du cours permettant d'évaluer les participants
- Partie de conférence, partie de discussion, exercices et exercices intensifs
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
Les formations ouvertes requièrent plus de 3 participants.
Formation Building Interactive Applications with React, Redux and GraphQL - Booking
Formation Building Interactive Applications with React, Redux and GraphQL - Enquiry
Building Interactive Applications with React, Redux and GraphQL - Demande d'informations consulting
Demande d'informations consulting
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
Cours à venir
Cours Similaires
Advanced React
14 HeuresCette formation en direct avec instructeur (en ligne ou sur site) s'adresse aux développeurs qui souhaitent créer des composants React et concevoir des applications complexes.
A l'issue de cette formation, les participants seront capables de :
- Comprendre les concepts avancés de React, y compris les API de contexte, les HOC, l'état externe, les API asynchrones, etc.
- Construire des composants composables avec React.
- Entretenir l'authentification côté serveur et côté client.
- Implémenter React et les bibliothèques Redux pour gérer des applications complexes avec état.
- Réduire le code et optimiser les performances d'une application.
- Tester et déployer une application.
GraphQL Basics
7 HeuresDans cette formation en direct, dirigée par un instructeur, dans France, les participants apprendront les principes fondamentaux de GraphQL en créant une API simple avec GraphQL.
A la fin de cette formation, les participants seront capables de :
- Comprendre ce qu'est GraphQL et ce qui le distingue de REST.
- Comprendre les termes de haut niveau de GraphQL.
- Mettre en place un environnement de codage GraphQL.
- Construire et améliorer une API GraphQL.
Hasura GraphQL Engine
14 HeuresCette formation en direct (en ligne ou sur site) s 'adresse aux administrateurs de bases de données et aux développeurs qui souhaitent utiliser Hasura pour créer, accéder et gérer efficacement des bases de données et des applications avec GraphQL.
A la fin de cette formation, les participants seront capables de :
- Mettre en place l'environnement de développement nécessaire pour commencer à construire des bases de données avec Hasura.
- Construire, exécuter, gérer l'accès aux données et les requêtes sur Hasura en utilisant les modèles GraphQL.
- Sécuriser l'accès aux données en mettant en place l'authentification avec JSON Web Tokens et Firebase.
- Étendre les fonctions de la base de données en intégrant la logique d'entreprise.
- Gérer efficacement les migrations de bases de données et les métadonnées sur Hasura pour éviter les pertes de données.
Choosing the Right JavaScript Framework
14 HeuresCette formation en direct avec instructeur dans France (sur place ou à distance) est destinée aux développeurs qui doivent décider quel JavaScript framework utiliser pour développer des applications frontales.
A la fin de cette formation, les participants seront capables de :
- Mettre en place un environnement de développement optimal pour commencer à développer des applications frontales.
- Mettre en œuvre des applications de démonstration pour tester les limites et les avantages d'un cadre JavaScript.
- Choisir le framework JavaScript qui leur convient le mieux.
Testing React Apps with Jest
14 HeuresCette formation en direct avec instructeur in <loc> ; (sur site ou à distance) est destinée aux ingénieurs qui souhaitent utiliser Jest pour tester React des applications et des composants.
A l'issue de cette formation, les participants seront capables de :
- Installer et configurer un environnement de test approprié.
- Écrire des tests asynchrones pour React applications et composants.
- Exécuter des tests Jest avancés qui incluent le mocking, les spies et les stubs.
Next.js 14 Advanced Development
21 HeuresCette formation en direct (en ligne ou sur site) s'adresse aux développeurs web et architectes techniques de niveau intermédiaire à avancé qui souhaitent explorer les avancées de Next.js 14 et acquérir les connaissances nécessaires pour créer des applications web de pointe.
A la fin de cette formation, les participants seront capables de :
- Exploiter le plein potentiel de Next.js 14 pour construire des applications complexes.
- Utiliser les dernières fonctionnalités telles que Middleware, React Server Components, et Edge Functions.
- Mettre en œuvre les meilleures pratiques pour la performance, l'évolutivité et le référencement.
- Résoudre efficacement les problèmes courants dans les applications Next.js.
Next.js 14 - Advanced
21 HeuresCette formation en direct avec instructeur dans France (en ligne ou sur site) est destinée aux développeurs de niveau avancé qui souhaitent maîtriser les dernières fonctionnalités de Next.js 14, optimiser les performances et mettre en œuvre des techniques modernes de React.
A la fin de cette formation, les participants seront capables de :
- Mettre en œuvre des crochets React avancés et des fonctionnalités concurrentes.
- Comprendre et utiliser efficacement les stratégies de routage Next.js.
- Exploiter les composants de serveur, les actions de serveur et les approches de rendu hybrides.
- Optimiser la recherche de données, la mise en cache et la régénération statique incrémentale.
- Utiliser Next.js comme solution backend avec Edge Functions et Edge Runtime.
- Gérer l'état en utilisant React Context, Redux et les bibliothèques d'état atomique.
- Optimiser les performances de l'application pour Web Core Vitals.
- Tester, surveiller et déployer efficacement les applications Next.js.
React : Construire des applications web hautement interactives
21 HeuresDans cette formation en direct, dirigée par un instructeur, nous démontrons la puissance et la flexibilité de React, nous le comparons à d'autres frameworks et nous accompagnons les participants pas à pas dans la création de leur propre application React.
A la fin de ce cours, les participants seront capables de :
- Comprendre la philosophie de conception de React' .
- Décider quand et où il est judicieux d'utiliser React, et quand repenser le modèle MVC conventionnel.
- Comprendre les concepts React tels que les composants, les accessoires, l'état et le cycle de vie.
- Implémenter des technologies connexes telles que Babel, Webpack et JSX.
- Construire, tester et déployer une application web interactive.
React with Next.js
14 HeuresCette formation en direct avec instructeur dans France (en ligne ou sur site) est destinée aux développeurs web qui souhaitent utiliser Next.js pour créer des applications React.
A l'issue de cette formation, les participants seront capables de :
- Développer des applications web côté serveur et des sites statiques en Next.js.
- Manipuler et stocker des données avec MongoDB.
- Sécuriser une application web avec l'authentification AuthO.
React Patterns
14 HeuresCette formation en direct, animée par un instructeur (sur site ou à distance), est destinée aux développeurs possédant les compétences de React qui souhaitent optimiser et améliorer leur création d'applications React en comprenant et en appliquant les modèles de composants de React .
À la fin de cette formation, les participants seront en mesure de:
- Comprendre les différents types de modèles de React
- Utiliser l'API de contexte React pour les applications Web
Format du cours permettant d'évaluer les participants
- Conférence interactive et discussion.
- Beaucoup d'exercices et de pratique.
- Mise en œuvre pratique dans un environnement de laboratoire réel.
Options de personnalisation du cours
- Pour demander une formation personnalisée pour ce cours, veuillez nous contacter pour organiser cela.
- Pour en savoir plus sur React , veuillez visiter: https://reactjs.org
Transform a React Application into a Progressive Web App (PWA)
14 HeuresCette formation en direct avec instructeur (sur site ou à distance) s'adresse aux développeurs qui souhaitent transformer une application React en Progressive Web App.
A l'issue de cette formation, les participants seront capables de :
- Mettre en place l'environnement de développement nécessaire pour commencer à transformer une application React.
- Cachez en utilisant Service Worker pour faire fonctionner une application React hors ligne.
- Créer et styliser une notification push.
- Installer l'application web progressive sur un appareil mobile.
React, Redux and TypeScript
21 HeuresReact est une bibliothèque largement utilisée pour la création d'applications à page unique en Java Script et HTML . Il est utilisé par des sociétés telles que Facebook , Instagram, Netflix ou le New York Times.
Ce cours présentera les bases sur lesquelles React et d'autres bibliothèques (comme Angular et Vue.js ) sont basées et met en évidence les spécificités de React . Il couvrira également les technologies couramment utilisées avec React , telles que Redux et React -Router.
À la fin de ce cours, les participants seront en mesure de créer des applications de complexité React avec React tout en respectant les meilleures pratiques.
React, Relay, and GraphQL
14 HeuresCette formation en direct avec instructeur (sur site ou à distance) s'adresse aux développeurs qui souhaitent utiliser GraphQL et Relay pour gérer les données sur les applications React.
A l'issue de cette formation, les participants seront capables de :
- Mettre en place l'environnement de développement nécessaire pour démarrer le contrôle des données pour React applications.
- Délivrer des interactions instantanées entre l'interface utilisateur et la réponse.
- Agréger les données de plusieurs bibliothèques en une seule API pratique.
- Precherche de données à l'aide de GraphQL et Relay.
Spring Boot, React, and Redux
14 HeuresCette formation en direct avec instructeur (en ligne ou sur site) s'adresse aux développeurs web qui souhaitent créer des applications web fonctionnelles front-end et back-end avec Spring Boot, React, and Redux.
A l'issue de cette formation, les participants seront capables de :
- Créer une application front-end avec React et Redux.
- Créer des API RESTful avec Spring Boot.
- Sécuriser les services web avec Spring security et les jetons web JWT.