React Schulungen
React und GraphQL Schulung
GraphQL-APIs gezielt in React nutzen: vom Apollo Client bis zu Mutationen und Realtime-Updates
- Dauer
- 3 Tage
- Format
- Präsenz oder Live-Online
- Preis
- 1.550 € netto
- Gruppe
- max. 8 Personen
- Niveau
- Advanced
- Kursnummer
- cRGQL
Aktuelle Termine und Online-Buchung: www.cmt.de/j/cRGQL
React und GraphQL Schulung
GraphQL-APIs gezielt in React nutzen: vom Apollo Client bis zu Mutationen und Realtime-Updates
Die wichtigsten Themen
GraphQL-Abfragen in React integrieren
Apollo Client sicher konfigurieren
Mutationen und Cache-Verhalten steuern
Subscriptions für Realtime-Updates nutzen
Node.js-Backend als API-Kontext
Performance und Sicherheit einordnen
Überblick In diesem dreitägigen Profi-Workshop steigst du in die Verbindung von React und GraphQL aus Client-Perspektive ein. GraphQL ist eine Query-Sprache für APIs und ermöglicht im Vergleich zu REST gezieltere, flexiblere...
In diesem dreitägigen Profi-Workshop steigst du in die Verbindung von React und GraphQL aus Client-Perspektive ein. GraphQL ist eine Query-Sprache für APIs und ermöglicht im Vergleich zu REST gezieltere, flexiblere Datenabfragen. Der Workshop zeigt, wie diese Stärken in einer React-Anwendung nutzbar werden: von Queries und Mutationen über Cache-Verhalten bis zu Realtime-Updates mit Subscriptions.
Die Inhalte entstehen nicht losgelöst in Folien, sondern anhand einer gemeinsam mit den Teilnehmerinnen und Teilnehmern entwickelten React-Webapplikation. Die Frontend-Seite steht im Mittelpunkt, ein leichtgewichtiges GraphQL-Backend mit Node.js wird parallel aufgebaut, damit Datenmodell, Schema, Resolver und Client-Zugriffe nachvollziehbar zusammenwirken. Wer vorab eine breitere React-Basis aufbauen möchte, findet in der React Komplettausbildung einen passenden Einstieg.
- react
Die Themen GraphQL-Überblick und Einsatzbereiche · GraphQL im Vergleich zu REST · Schema, Typen und Operationen · Entwicklungsumgebung und Toolchain · Server-Bibliotheken und Alternativen · Node.js als Backend-Grundlage...
GraphQL-Grundlagen und Architektur
- GraphQL-Überblick und Einsatzbereiche
- GraphQL im Vergleich zu REST
- Schema, Typen und Operationen
- Entwicklungsumgebung und Toolchain
GraphQL-Server mit Node.js
- Server-Bibliotheken und Alternativen
- Node.js als Backend-Grundlage
- Apollo Server und Integrationen
- Prisma und Datenzugriff
- Services und Resolver-Struktur
Schema, Operationen und API-Funktionen
- Scalar Types und Objekt-Typen
- Queries und Mutationen
- Argumente und Variablen
- Direktiven und Fragmente
- Introspection-System und Dokumentation
React-Integration mit GraphQL-Clients
- GraphQL-Bibliotheken für React
- Apollo Client, Relay und urql
- Provider-Konfiguration und Client-Setup
- Queries mit React-Hooks
- Mutationen im Komponentenfluss
Client-State, Routing und Realtime
- Apollo-Cache und Fetch-Policies
- Einordnung von Redux und Client-State
- Routing in React-Anwendungen
- GraphQL Subscriptions im Frontend
- WebSocket-Anbindung für Realtime-Updates
Produktionsrelevante Umsetzung
- Authentifizierung und Autorisierung
- Pagination und Listenabfragen
- Performance und Request-Verhalten
- Sicherheitsaspekte bei GraphQL APIs
- GraphQL Code Generator im Überblick
- Dos and Don'ts aus Projekten
Zielgruppe
- React-Entwicklerinnen und React-Entwickler mit Projekterfahrung
- Frontend-Entwicklerinnen und Frontend-Entwickler mit API-Bezug
- JavaScript-Teams in datengetriebenen Webprojekten
Das lernst du
- Fundiertes Verständnis der GraphQL-Architektur auf Client- und Server-Seite
- GraphQL-Queries und Mutationen in React-Anwendungen integrieren
- Sicherer Umgang mit Apollo Client, Cache-Verhalten und Fetch-Policies
- Realtime-Updates mit GraphQL Subscriptions im Frontend umsetzen
- Performance-, Sicherheits- und Architekturentscheidungen für GraphQL APIs einordnen
So arbeiten wir
- Hands-on-Workshop mit gemeinsam entwickelter React-Webapplikation
- Live-Coding durch erfahrene React-Entwicklerinnen und React-Entwickler
- Übungen zu Queries, Mutationen, Cache und Subscriptions
- Aufbau eines begleitenden GraphQL-Backends mit Node.js
- Besprechung typischer Projektentscheidungen und Fehlerbilder
Empfohlene Vorkenntnisse
- Sichere Kenntnisse in React auf Fortgeschrittenen-Niveau
- Erfahrung mit Komponenten, Hooks und State-Management
- Solide JavaScript-Kenntnisse und Umgang mit npm
- Grundverständnis für HTTP, APIs und JSON
Dein Fahrplan
- Einordnung von GraphQL gegenüber REST
- Aufbau von Schema, Typen und Operationen
- Einrichtung der Entwicklungsumgebung
- GraphQL-Server mit Node.js und Apollo Server
- Resolver, Services und Datenzugriff
Organisatorisches
Lernformate
Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.
Schulungsarten
Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.
Aktuelle Software
In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest - mit klarem Alltagsbezug und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.
Deine Vorteile
Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
Inklusivleistungen
Deine Teilnahme beinhaltet: Schulungsmaterial, Zertifikat, Verpflegung (bei Präsenzveranstaltungen) und persönliche Betreuung durch unsere Trainer und unser Orga-Team. Alles aus einer Hand - keine versteckten Kosten.
Lernen von Experten
Unsere Trainer sind zertifizierte und erfahrene Profis mit jahrelanger Berufserfahrung. Sie vermitteln dir in den Kursen nicht nur theoretisches Wissen, sondern teilen ihre Erfahrungen aus realen Projekten und helfen dir, das Gelernte direkt in deiner täglichen Arbeit anzuwenden. Das ist kein Werbeversprechen, sondern unser Anspruch. Am besten siehst du das in unseren Bewertungen, z.B. auch bei Google.
Keine Vorkasse
Du zahlst erst nach dem Seminar. Keine Vorkasse, keine Vorauszahlung - so kannst du sicher sein, dass du nur für das bezahlst, was du auch wirklich erhalten hast. Die Rechnung erhältst du erst nach Kursbeginn.
Max. 8 Teilnehmende
Wir setzen auf kleine Gruppen, damit du die Aufmerksamkeit bekommst, die du verdienst. So haben wir mehr Zeit für deine individuellen Fragen und können gezielt auf deine Bedürfnisse eingehen.
Termine und Preise
| Zeitraum | Ort | Preis (netto) |
|---|---|---|
| 07.12. - 09.12.2026 | München oder Live-Online | 1.550 € |
| 01.03. - 03.03.2027 | München oder Live-Online | 1.550 € |
| 26.04. - 28.04.2027 | München oder Live-Online | 1.550 € |
| 19.07. - 21.07.2027 | München oder Live-Online | 1.550 € |
| 27.09. - 29.09.2027 | München oder Live-Online | 1.550 € |
Alle Preise zuzüglich gesetzlicher Mehrwertsteuer. Freie Plätze und weitere Termine findest du unter www.cmt.de/j/cRGQL.
Firmenschulung und Inhouse
Diese Schulung gibt es auch exklusiv für dein Unternehmen, bei euch vor Ort, an unseren Standorten oder Live-Online. Inhalte und Termine stimmen wir mit euch ab.
Dein Kontakt bei cmt
Yves Hoppe
Telefon 0800 71 20000
yves.hoppe@cmt.de
Termine & Buchung
Vor Ort
Online
Nicht der passende Termin dabei?
Wir finden eine Lösung: anderer Termin, mehrere Teilnehmer, Inhouse-Schulung oder individuelle Beratung.
Lieber gleich das ganze Team schulen?
Diese Schulung gibt es auch exklusiv für dein Unternehmen, bei euch vor Ort, an unseren Standorten oder Live-Online. Inhalte und Termine nach Maß.
Wie die Planung abläuft, was ein Zuschnitt kostet und welche Themen wir abdecken, steht auf unserer Seite zu Inhouse Schulungen im Bereich React.
Inhouse-Schulung
Wir kommen zu euch: diese Schulung maßgeschneidert in euren Räumen, für Unternehmen und Behörden.
- Inhalte exakt auf euch zugeschnitten
- Termine nach euren Bedürfnissen
- Günstiger ab mehreren Teilnehmern
- Vertraute Umgebung, kein Reiseaufwand
Firmen-Seminar
Exklusiv für dein Team an einem unserer Standorte oder Live-Online, individuell angepasst.
- Geschlossene Gruppe aus eurem Haus
- Individuelle Terminplanung
- An unseren Standorten oder Live-Online
- Angepasste Inhalte
Fragen und Antworten zu React und GraphQL Schulung
Für wen eignet sich die React und GraphQL Schulung?
Die Schulung richtet sich an Entwicklerinnen und Entwickler, die bereits mit React gearbeitet haben und GraphQL nicht nur theoretisch verstehen, sondern in einer React-Webanwendung einsetzen möchten. Besonders sinnvoll ist der Workshop für Frontend-Teams, die REST-Schnittstellen ablösen, ergänzen oder GraphQL-APIs effizient konsumieren wollen.
Sind Backend-Kenntnisse für das Training erforderlich?
Tiefe Backend-Erfahrung ist nicht notwendig. Grundkenntnisse zu HTTP, APIs und JSON sollten vorhanden sein. Im Workshop wird ein einfaches GraphQL-Backend mit Node.js aufgebaut, damit Schema, Resolver, Queries und Mutationen im Zusammenspiel mit dem React-Frontend nachvollziehbar werden.
Wird im Seminar mit Apollo Client gearbeitet?
Ja. Apollo Client ist ein zentraler Bestandteil des Workshops. Zusätzlich werden Alternativen wie Relay und urql eingeordnet, damit Architekturentscheidungen nicht nur an ein einzelnes Werkzeug gebunden sind. Der Schwerpunkt liegt auf der Umsetzung in React mit Queries, Mutationen, Cache-Verhalten und Subscriptions.
Welche Rolle spielen Realtime-Updates mit GraphQL Subscriptions?
GraphQL Subscriptions werden als eigener Themenbereich behandelt. Im React-Frontend wird gezeigt, wie Subscriptions angebunden werden, wie Updates in der Oberfläche ankommen und welche technischen Aspekte bei Transport, Authentifizierung und Ressourcenverbrauch beachtet werden müssen.
Passt die Schulung zu Next.js-Projekten?
Ja, die vermittelten GraphQL- und React-Konzepte sind auch für Next.js-Projekte relevant. Wenn der Schwerpunkt stärker auf Routing, Rendering-Modellen und Framework-Architektur liegt, ist ergänzend der Next.js Grundkurs sinnvoll.
Welche React-Vertiefungen passen nach der GraphQL Schulung?
Für UI-lastige Anwendungen bietet sich anschließend React und MUI an. Wenn GraphQL-Konzepte in mobile Anwendungen übertragen werden sollen, passt der React Native App Entwicklung Intensivkurs als nächster Schritt.
Weitere häufig gestellte Fragen und Antworten findest du in den FAQs.
Passende Schulungen nach dem Kurs
Unser Qualitätsversprechen: Wissen, das in der Praxis funktioniert
Aus der Praxis für die Praxis
Schluss mit theoretischem Ballast. Wir trainieren dich für reale IT-Herausforderungen, nicht für Multiple-Choice-Tests. Unsere Trainer vermitteln dir genau das Wissen, das am nächsten Montagmorgen im Job wirklich funktioniert.
Individuell statt "Schema F"
Deine Fragen passen nicht ins Standard-Skript? Bei uns schon. Wir verzichten auf starre Lehrpläne und geben deinen konkreten Projekt-Fragen Raum. Unsere Trainer passen die Inhalte flexibel an das an, was dich und dein Team aktuell weiterbringt.
Maximale Freiheit: Remote oder vor Ort
Lerne so, wie es in deinen Alltag passt - ohne Reise-Stress und Zeitverlust. Egal ob remote, hybrid oder präsent vor Ort: Wir garantieren dir ein nahtloses und effektives Lernerlebnis, egal von wo du dich zuschaltest.
Mit Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt - und wollen, dass du es auch bist. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
Über 20.000 Unternehmen und Behörden vertrauen auf uns
