+49 911 65008-222 info@it-seminare.de

Apollo für React und GraphQL

Seminardauer: 2 Tage

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

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 TypeScript

- u.a. in Frankfurt am Main, Hannover, Koblenz, Virtual Classroom, Marburg

In diesem 3-tägigen Seminar "React und TypeScript" erhalten Sie eine fundierte Einführung in die grundlegenden und spezifischen Eigenschaften von React, einer der führenden Bibliotheken zur Entwicklung von Single-Page-Anwendungen (SPAs). Neben den allgemeinen ...

React und Redux (mit TypeScript)

- u.a. in Leipzig, München, Nürnberg, Essen, Kassel

In diesem 4-tägigen Seminar "React und Redux (mit TypeScript)" erhalten Sie umfassende Einblicke, wie Sie die Kombination aus React und Redux nutzen, um anspruchsvolle Frontend-Anwendungen zu entwickeln. Diese Technologien werden erfolgreich von großen Plattformen wie Airbnb ...