Apollo für React und GraphQL

Einführung

• • Überblick über Apollo und Vergleich mit Flux, Redux und Relay

  • Vorteile von GraphQL, React und Apollo für moderne Webanwendungen

Apollo-Server

• • Konfiguration eines Apollo Servers mit Express

  • GraphQL Schema Definition Language (SDL)

  • GraphQL Type System

  • Nutzung von Apollo Engine und Data Connector

Anbindung von React an GraphQL

• • Einrichtung der Apollo Netzwerkumgebung

  • Übergabe von benutzerdefinierten Headern an den GraphQL-Server

  • Verwendung des Apollo Providers zur Verbindung von GraphQL und React

  • Unterbringung von GraphQL-Abfragen in React-Komponenten

  • Verwendung der Query-Komponente und Umgang mit Lade- und Fehlerzuständen

  • Verständnis des GraphQL-Caches

Erweiterung des Komponentenbaums

• • Nutzung von GraphQL-Fragmenten

  • Erstellen und Verknüpfen von Fragmenten zwischen Parent- und Child-Komponenten

  • Verschachteln von Fragmentcontainern

  • Nutzung von Tools zur Überprüfung von Apollo GraphQL-Anfragen und -Status

  • Verwendung von Higher Order Components (HOCs) mit GraphQL-Funktionen

Daten-Sammlung

• • Arbeiten mit Datensammlungen in GraphQL

  • Offset- vs. Cursor-basierte Paginierung

  • Inkrementelles Laden von Daten

  • Nutzung der Connection-Direktive

Durchführung von Mutationen

• • Durchführung von Mutationen: Hinzufügen, Löschen, Aktualisieren von Nodes

  • Konfiguration von Mutationen im Apollo Server und Client

  • Store Updates und Optimistic Responses

  • Fehlerbehandlung bei fehlgeschlagenen Mutationen

Erweiterte Funktionen

• • Verwendung von Interface- und Union-Typen in GraphQL

  • Pre-fetching von Daten für eine verbesserte Leistung und Benutzererfahrung