Apollo für React und GraphQL

Seminarinformationen

Seminar - Ziel

In diesem 2-tägigen Seminar "Apollo für React & GraphQL" beschäftigen Sie sich intensiv mit der modernen Webentwicklung in JavaScript mithilfe des React- und GraphQL-Frameworks Apollo. Sie lernen, wie Apollo genutzt werden kann, um die Entwicklung von React- und GraphQL-Anwendungen zu vereinfachen und zu beschleunigen. Dabei setzen Sie GraphQL-Fragmente ein, um Datenanforderungen klar zu definieren, diese Fragmente mit React-Komponenten zu verbinden und Funktionen wie Mutationen sowie die Verwaltung von Datenabruf und Caching im Apollo-Cache zu steuern.

Der Kurs beginnt mit der Einbindung von GraphQL-APIs in React-Komponenten über Apollo. Das Gelernte wenden Sie in einem gemeinsamen Projekt an, das im Verlauf des Seminars entwickelt wird. Dieses Projekt wird anschließend präsentiert und im Rahmen eines Code-Reviews gemeinsam besprochen, um Ihr Verständnis zu vertiefen. Zum Abschluss werden Methoden für den Vergleich und das Debugging von Anwendungen behandelt, um Ihre praktischen Fähigkeiten weiter zu verbessern.

Teilnehmer - Zielgruppe

• Entwickler

Kurs - Voraussetzungen

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

• Vorkenntnisse und praktische Erfahrungen mit Modern JavaScript, NodeJS und React werden für diesen Kurs vorausgesetzt.

Seminardauer

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

Schulungsunterlagen

• nach Absprache

Seminar-Inhalt / Agenda

Einführung

• Apollo
• Apollo im Vergleich zu Flux, Redux und Relay
• Vorteile von GraphQL, React und Apollo

Apollo-Server

• Konfigurieren von Apollo Server mit Express
• GraphQL Schema Definition Language
• GraphQL Type System
• Apollo Engine
• Apollo Data Connector

Anbindung von React an GraphQL

• -Einrichten der Apollo Netzwerkumgebung
• -Übergabe von Custom Headern an den GraphQL Server
• -Verwendung des Apollo Providers zur Verbindung von GraphQL mit React
• -Unterbringung der GraphQL Abfrage mit der React Komponente
• -Verwendung der Query Component
• -Umgang mit Loading und Error States
• -Verstehen des GraphQL Cache

Erweitern des Komponentenbaums

• Verwendung von Fragmenten
• Schreiben von GraphQL-Fragmenten
• Verknüpfen von Fragmenten von einem Child zu einem Parent
• Verschachteln von vielen Fragment-Containern
• Untersuchen von Apollo GraphQL-Requests und State mit Hilfe von Tooling
• Higher Order Components mit der GraphQL-Function

Collection of Data

• GraphQL und Datensammlungen
• Offset vs. Cursor-basierte Pagination
• Incremental Loading
• Connection Directive

Performing Mutations

• Arten von Mutationen: Add, Delete and Update Node
• Verstehen von GraphQL jenseits von CRUD-Operations
• Konfigurieren von Mutationen innerhalb vom Apollo Server
• Konfigurieren von Mutationen innerhalb vom Apollo Client
• Store Updates, Optimistic Responses
• Handling Errors aus Failed Mutations

Erweiterte Funktionen

• Verwendung von Interface- und Union-Typen
• Pre-fetching Data

Weitere Schulungen zu Thema React