Das Seminar "Relay und GraphQL" ist seitens des Herstellers nicht mehr verfügbar, bzw. abgekündigt. Wir können Ihnen diese Schulung in Form eines Workshops in Ihrem Unternehmen oder in unserem Schulungszentrum anbieten.

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

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 Redux

- u.a. in Berlin, Hannover, Leipzig, Zürich, Offenbach

In diesem 2-tägigen Seminar "React und Redux" erfahren Sie, wie Sie Redux gezielt zur Zustandsverwaltung in React-Anwendungen einsetzen. Das Seminar vermittelt die zentralen Ideen und Strukturen von Redux, zeigt deren praktische Anwendung und bietet Raum für eigene Übungen, ...

React - Design Systeme mit TailwindCSS und shadcn/ui

- u.a. in Hannover, Stuttgart, Zürich, Dresden, Offenbach

In diesem 2-tägigen Seminar "React – Design-Systeme mit TailwindCSS und shadcn/ui" erfahren Sie, wie Sie mit Hilfe von TailwindCSS und shadcn/ui ein flexibles und individuell anpassbares Design-System für React-Anwendungen entwickeln. Sie erfahren, wie shadcn/ui im ...