Apollo für React und GraphQL

Ziele der Schulung

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 Seminar

• Entwickler

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.

Seminarinhalt

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 für dieses Seminar - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erhalten Sie zusätzlich zu Ihrem Teilnehmerzertifikat ein digitales Open Badge (Zertifikat) – Ihren modernen Nachweis für erworbene Kompetenzen.

Ihr Open Badge ist jederzeit in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com-Konto verfügbar. Mit wenigen Klicks können Sie diesen digitalen Nachweis in sozialen Netzwerken teilen, um Ihre Expertise sichtbar zu machen und Ihr berufliches Profil gezielt zu stärken.

Übersicht: React Schulungen Portfolio

Mehr zu den Vorteilen von Badges

Seminare kurz vor der Durchführung