10 · React / TypeScript
Erste React-App: JSX, Props und State
Du renderst Komponenten und änderst Zustand über eine Benutzeraktion.
← ProjekteDatenfluss
React / TypeScript · Anwendung
FlowForm Studio
Formulare und Freigabeabläufe visuell bearbeiten.
Quellcode verfügbarArchitektur und Datenfluss
- React
- typisierte API
- NestJS
- Prisma/PostgreSQL
- Ereignisse
Serverzustand und UI-Entwürfe haben verschiedene Besitzer. Versionen verhindern, dass Änderungen anderer Nutzer still überschrieben werden.
Code und Nachweise
Die festen Quellverweise zeigen die Implementierung und vorhandene Testdateien. Startbefehle und dokumentierte Prüfgrenzen stehen im README derselben Codeversion. Der Website-Abgleich ist kein erneuter CI-Lauf sämtlicher Projekte.
- flowform-studio · memory-sandbox.repository.ts
- flowform-studio · prisma-sandbox.repository.ts
- flowform-studio · sandbox.repository.ts
- flowform-studio · app.e2e.test.ts
- flowform-studio · sandbox-cleanup.service.test.ts
- README · 8d98dbef
Lizenz: PolyForm Noncommercial 1.0.0 · Quellstand geprüft am 12.10.2026
Mit Tutorials vertiefen
11 · React / TypeScript
Formulare, Listen und Effects
Du prüfst Formulare und synchronisierst bewusst mit einer externen Browserfunktion.
14 · React / TypeScript
HTTP-Verträge und Laufzeitvalidierung
Du unterscheidest Transportfehler, HTTP-Fehler und ungültige Antwortdaten.
17 · React / TypeScript
Persistente Optimistic UI, Replay und Konflikte
Du speicherst eine Absicht vor dem Senden und verhinderst doppelte Wirkung bei einer verlorenen Antwort.
18 · React / TypeScript
Gemeinsame Bearbeitung mit WebSockets und PostgreSQL
Du verstehst geordnete Operationen, Wiederverbindung und die Rolle eines dauerhaften Operationslogs.