Seminarinformationen

Seminar - Ziel

In diesem 3-tägigen Seminar "Apollo für Relay und GraphQL" erhalten Sie eine praxisorientierte Einführung in den Einsatz von Relay zusammen mit GraphQL in React-Anwendungen. Der Fokus liegt darauf, Ihnen den Umgang mit Relay in Verbindung mit GraphQL zu vermitteln. Sie führen Übungen zur Erstellung von GraphQL-Abfragen durch und setzen sich mit wichtigen Relay-Konzepten wie Fragmenten, Variablen und Callbacks auseinander.

Darüber hinaus lernen Sie fortgeschrittene Relay-Techniken kennen, darunter Slicing, Paginierung und das effiziente Abrufen von Daten. Ein besonderer Schwerpunkt liegt auf Relay-Mutationen, wobei Themen wie optimistische Updates und Fat-Queries behandelt werden. Das Seminar bietet Ihnen umfassende Einblicke und praktische Übungen, um Ihr Wissen zu festigen und anzuwenden.

Teilnehmer - Zielgruppe

  • Entwickler

Kurs - Voraussetzungen

Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:

  • Erfahrung in React

Seminardauer

  • 3 Tage
  • 09:00 Uhr bis 17:00 Uhr

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

Einführung

  • Demand Driven Architektur vs. REST
  • GraphQL und Relay

GraphQL-Anfragen stellen

  • Senden von Abfragen
  • Abfragen definieren
  • Types
  • Query Parameter
  • Fragmente
  • Wie ein GraphQL Server auf Abfragen antwortet

Relay Konzepte

  • Container, Fragmente, Root Container und Routs
  • Interne Architektur Client-seitiger Cache

Erste Schritte mit Relay

  • Relay-Container-Zusammensetzung
  • Fragmente und Variablen benennen
  • Variablen an Fragmente übergeben
  • Relay-Variablen setzen und verwenden
  • Bedingte Felder mit @include und @skip
  • Debuggen von Netzwerkanfragen
  • Render-Callbacks

Slicing und Paginierung

  • Relay-Unterstützung in GraphQL
    • Cursors, Slicing und Paginieren von Daten mit Connections
    • Edges und PageInfo
  • Navigieren/Paginieren von One-to-Many-Beziehungen

Abfragen über Relay

  • Re-fetching, das Node Interface und globale 'id's
  • Das Node Root Feld
  • Denken in Graphen

Daten abrufen

  • Datenabruf und Bereitschaftsstatus
  • Bereitschaftsstatusereignisse nutzen
  • Serverfehler behandeln
  • Abruf erzwingen

Mutationen

  • Mutationsmuster des Relay
  • Handhabung von Mutationen
  • Optimistische Aktualisierungen und fette Abfragen
  • Mutator-Konfigurationen & Aktualisierung des Client-Speicherbereichs
  • Verhaltensweisen
    • Hinzufügen eines Elements
    • Ändern eines Elements
    • Löschen eines Elements

Weitere Schulungen zu Thema React

Jakarta EE - Moderne Full Stack Entwicklung mit React und MongoDB

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem 5-tägigen Seminar "Jakarta EE – Moderne Full Stack Entwicklung mit React und MongoDB" erhalten Sie einen umfassenden Überblick über aktuelle Webtechnologien und sind danach in der Lage, ein komplettes Webprojekt mit modernen Tools umzusetzen. Der Schwerpunkt ...

ASP.NET Core-Entwicklung mit React und Redux

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem 5-tägigen Seminar "ASP.NET Core-Entwicklung mit React und Redux" erlernen Sie die notwendigen Fähigkeiten, um eine moderne Webanwendung zu entwickeln, die JavaScript auf der Client-Seite und ASP.NET Core im Backend nutzt. Sie erhalten grundlegende Kenntnisse in der ...

React und TypeScript

- u.a. in Bremen, Köln, Nürnberg, Essen, Freiburg

In diesem 3-tägigen Seminar "React und TypeScript" erhalten Sie eine fundierte Einführung in die grundlegenden und spezifischen Eigenschaften von React, einer der führenden Bibliotheken zur Entwicklung von Single-Page-Anwendungen (SPAs). Neben den allgemeinen Prinzipien, die ...

Erstellen von Webseiten mit Gatsby

- u.a. in Paderborn, Zürich, Heidelberg, Jena, Nordhausen

In diesem 2-tägigen Seminar "Erstellen von Webseiten mit Gatsby" erhalten Sie einen modernen Einblick in die Entwicklung von Weblösungen, die den Wandel von einem monolithischen CMS hin zu einem Content Mesh mit einer entkoppelten Infrastruktur für Websites ...