Apollo für React und GraphQL

Ziele

In dieser 2-tägigen Schulung "Apollo für React & GraphQL" tauchen Sie in die moderne JavaScript-Webentwicklung mit dem React & GraphQL Framework Apollo ein. Sie lernen, wie Sie Apollo nutzen können, um die Entwicklung von React- und GraphQL-Anwendungen zu optimieren. Mit Apollo können Sie GraphQL-Fragmente verwenden, um die Datenanforderungen von Komponenten zu deklarieren, diese Fragmente mit den Komponenten kombinieren und Funktionen wie Mutationen und Datenabruf- und Caching-Logik im Apollo-Cache unterstützen. Der Kurs beginnt mit der Integration von GraphQL-APIs und React-Komponenten in Apollo. Sie haben die Möglichkeit, das Gelernte in einem Gruppenprojekt anzuwenden, das im Laufe des Kurses entwickelt wird. Dabei wird das erlernte Wissen angewendet, und es erfolgen eine Klassenpräsentation und ein Code-Review, um das Verständnis sicherzustellen. Abschließend werden Vergleichs- und Debugging-Techniken behandelt, um Ihre Fähigkeiten zu erweitern.

Zielgruppe

• Entwickler

Voraussetzungen

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

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

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

Open Badge - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erlangen Sie nicht nur Fachkenntnisse und Fähigkeiten, sondern bekommen zusätzlich zu Ihrem Teilnahmezertifikat ein Open Badge als digitalen Nachweis Ihrer Kompetenz.

Sie können diesen in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com Konto abrufen. Ihre verdienten Badges lassen sich problemlos in sozialen Netzwerken integrieren und weitergeben.

Mehr zu den Vorteilen von Badges

Kurz vor Durchführung