Einführung: API Platform, Symfony und React zusammen
Einführung: API Platform, Symfony und React zusammen
~14 Min. Lesezeit Zuletzt aktualisiert am 8. August 2026
Willkommen zur bisher UMFANGREICHSTEN Schulung dieser Reihe: bis zu 100 Kapitel, die einen KOMPLETTEN Full-Stack-Workflow abdecken – von einer automatisch generierten REST/GraphQL-API bis zu einem vollständigen React-Frontend mit Echtzeit-Updates.
Voraussetzungen: zwei abgeschlossene Vorgänger-Schulungen
Diese Schulung baut BEWUSST auf zwei bereits vorhandenen Serien auf und wiederholt deren Grundlagen NICHT von Neuem:
- "Symfony: Die komplette Schulung" – Routing, Controller, Doctrine ORM, Security, Services/DI/Events werden als BEKANNT vorausgesetzt.
- "React für Profis" (oder mindestens "React für Einsteiger") – Components, Hooks, State Management, Routing in React werden als BEKANNT vorausgesetzt.
Fehlt Ihnen eine dieser Grundlagen, empfehlen wir DRINGEND, die jeweilige Serie zuerst durchzuarbeiten – diese Schulung konzentriert sich AUSSCHLIESSLICH auf das Zusammenspiel von API Platform, Symfony und React, nicht auf deren Einzel-Grundlagen.
Was ist API Platform?
API Platform ist ein Framework, das AUF Symfony aufbaut und aus Ihren Doctrine-Entities AUTOMATISCH eine vollständige REST- (und optional GraphQL-)API generiert – inklusive CRUD-Operationen, OpenAPI-Dokumentation (Swagger UI), Validierung, Pagination und Filterung, GROSSTEILS OHNE eigenen Controller-Code.
// Ein PHP-Attribut auf einer Entity - GENAU das reicht oft schon aus:
#[ApiResource]
class Project
{
// ...
}Dieses EINE Attribut aus Kapitel 9 erzeugt bereits SECHS funktionierende Endpunkte (Liste, Einzelabruf, Erstellen, Vollständig aktualisieren, Teilweise aktualisieren, Löschen) – Kapitel 10-12 zeigen das im Detail.
Warum GENAU diese drei Technologien kombinieren?
| Technologie | Rolle |
|---|---|
| API Platform + Symfony | Backend: verlässliches, typsicheres PHP mit automatischer API-Generierung, Security, Validierung – DIESELBEN Prinzipien wie in der Symfony-Schulung, jetzt auf API-Ebene statt HTML-Rendering. |
| React | Frontend: eine moderne, reaktive Nutzeroberfläche, die die API konsumiert – DIESELBEN Prinzipien wie in den React-Schulungen, jetzt gegen eine ECHTE, selbst gebaute API statt Magento (wie in den separaten Magento-REST-API-Tutorials). |
Das Projekt: aufgaben-manager, neu aufgebaut
Wir bauen das DOMÄNENMODELL aus der Symfony-Schulung (User, Project, Task, Comment) KOMPLETT NEU auf – diesmal von Anfang an mit API Platform statt Twig-Templates, PLUS ein eigenständiges React-Frontend (aufgaben-manager-web), das GENAU diese API konsumiert. KEIN Code aus der Symfony-Schulung wird wiederverwendet – WOHL ABER das Domänen-Wissen: Sie wissen bereits, WAS ein Project oder Task ist, WARUM die Beziehungen so aussehen, wie sie aussehen (Kapitel 5 der Symfony-Schulung), und WIE Security-Konzepte wie Voters funktionieren – dieses Wissen übertragen wir jetzt auf eine API-first-Architektur.
Was am Ende dieser Schulung steht
EIN vollständiges Full-Stack-System: aufgaben-manager-api (Symfony + API Platform, liefert die Daten) und aufgaben-manager-web (React, zeigt sie an und lässt Nutzer damit interagieren) – MIT JWT-Authentifizierung, Echtzeit-Updates über Mercure, automatisierten Tests auf BEIDEN Seiten, und einer kompletten Docker-Compose-Deployment-Konfiguration.
Aufbau dieser Schulung: 12 Themenblöcke
- Einführung & Setup (Kapitel 1-8) – beide Projekte aufsetzen, erste Verbindung.
- API Platform Grundlagen (Kapitel 9-18) – automatisches CRUD verstehen.
- Serialisierung & Validierung (Kapitel 19-28) – Datenformate präzise steuern.
- Filtering, Pagination & Sorting (Kapitel 29-36) – große Datenmengen handhaben.
- Beziehungen & komplexe Resources (Kapitel 37-46) – das vollständige Domänenmodell.
- Security & Auth (Kapitel 47-56) – JWT, Voters, geschützte Endpunkte.
- Fortgeschrittene API-Platform-Features (Kapitel 57-66) – State Provider/Processor, Extensions.
- Mercure & Echtzeit-Updates (Kapitel 67-72) – Live-Aktualisierungen ohne Neuladen.
- React: Anbindung ans Backend (Kapitel 73-82) – TanStack Query, Auth-Flow.
- React: vollständige CRUD-UI (Kapitel 83-92) – jede Ansicht des Aufgaben-Managers.
- Testing (Kapitel 93-97) – API-Tests UND React-Tests.
- Deployment & Abschluss (Kapitel 98-100) – produktionsreifes Full-Stack-Deployment.
Tipp: Diese Schulung ist BEWUSST lang – nehmen Sie sich Zeit. Jedes Kapitel baut auf dem vorherigen auf, GENAU wie bei allen bisherigen Serien dieser Reihe: vollständige Dateien statt Fragmente, damit Sie JEDERZEIT nachvollziehen können, in welchem Zustand sich das Projekt gerade befindet.