Formation React, Relay, and GraphQL

Code formation

reactrelaygraphql

Durée

14 heures (généralement 2 jours pauses comprises)

Pré requis

  • An understanding of APIs

Audience

  • Developers

Aperçu

Dans les années qui ont suivi 2010, le passage des plateformes Web natives à leurs homologues mobiles a nécessité un système de demande de données plus efficace. À l'époque, les entreprises utilisaient des services RESTful qui s'avéraient défaillants en raison de leur incapacité à s'adapter aux demandes compliquées des applications React , ce qui entraînait des temps de réponse lents. Afin de surmonter cet obstacle, Facebook ingénieurs de Facebook ont créé des services appelés GraphQL et Relay. GraphQL simplifie la relation entre le client et l'API en automatisant les demandes, tandis que l' Java script Java , Relay, gère les données dans les applications React . Relay et GraphQL sont utilisés pour optimiser l'interface utilisateur d'une application React .

Cette formation en direct, animée par un instructeur (sur site ou à distance), est destinée aux développeurs souhaitant utiliser GraphQL et Relay pour gérer les données dans les applications React .

À la fin de cette formation, les participants seront en mesure de:

  • Configurez l'environnement de développement nécessaire pour démarrer le contrôle des données pour les applications React .
  • Fournit des interactions instantanées UI-réponse.
  • Regroupez les données de plusieurs bibliothèques en une API unique et pratique.
  • Pre-fetch utilisant GraphQL et Relay.

Format du cours

  • 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.

Machine Translated

Plan du cours

Introduction

Overview of the Web Development Cycle

  • Version control, coding, building, testing, and deploying
  • Automating the process

The Fundamentals of APIs and Their Functionality

  • Web Architecture Patterns: the composite pattern, proxy pattern, and facade pattern
  • Operations: queries and mutations

Preparing the Development Environment

  • Preparing the code repository (GitHub, GitLab, etc.)
  • Installing NPM
  • Preparing file dependencies

Developing an Application

  • Creating a data-store that loads data folder content
  • Creating a server file and configuring GraphQL
  • Run React with Relay as the JavaScript framework
  • Automating work with pre-fetching
  • Using differed queries, define properties to find critical data
  • Code-splitting data using Relay

Testing the Application

  • Finding code errors with JSHint
  • Testing optimization with web.dev

Securing the Application

  • Authenticating users

Troubleshooting

Summary and Conclusion

Nos Clients témoignent

★★★★★
★★★★★

Catégories Similaires

Cours Similaires

Réduction spéciale

Newsletter offres spéciales

Nous respectons le caractère privé de votre adresse mail. Nous ne divulguerons ni ne vendrons votre adresse email à quiconque
Vous pouvez toujours modifier vos préférences ou vous désinscrire complètement.

Nos clients

is growing fast!

We are looking for a good mixture of IT and soft skills in France!

As a NobleProg Trainer you will be responsible for:

  • delivering training and consultancy Worldwide
  • preparing training materials
  • creating new courses outlines
  • delivering consultancy
  • quality management

At the moment we are focusing on the following areas:

  • Statistic, Forecasting, Big Data Analysis, Data Mining, Evolution Alogrithm, Natural Language Processing, Machine Learning (recommender system, neural networks .etc...)
  • SOA, BPM, BPMN
  • Hibernate/Spring, Scala, Spark, jBPM, Drools
  • R, Python
  • Mobile Development (iOS, Android)
  • LAMP, Drupal, Mediawiki, Symfony, MEAN, jQuery
  • You need to have patience and ability to explain to non-technical people

To apply, please create your trainer-profile by going to the link below:

Apply now!

This site in other countries/regions