Prompt-Sammlung Oberflächen-Frameworks: Komponenten und Zustand

Ein KI-Assistent schreibt eine Komponente in Sekunden. Ob sie in dein Projekt passt, entscheidet sich an anderen Stellen: Wo liegt der Zustand, wer darf ihn ändern, was wird berechnet statt gespeichert, und was passiert, wenn eine alte Antwort vom Server nach der neuen ankommt? Diese Sammlung gibt dir 80 ausformulierte Aufträge, die genau diese Fragen klären, mit Platzhaltern in eckigen Klammern.

Die Prompts sind frameworkneutral formuliert und in acht Gruppen geordnet: Komponenten schneiden, Eigenschaften und Ereignisse, lokaler Zustand, geteilter Zustand, Formulare und Validierung, Daten abrufen, Barrierefreiheit mit Listen und Bedingungen sowie Tests, Fehlersuche und Umbau. Jeder Prompt hat ein kurzes Beispiel und Warnzeichen für schlechte Ergebnisse. Zehn Prompts zeigen ein vollständiges Ergebnis, verteilt auf React, Vue und Svelte. In sechs davon wurde die frameworkunabhängige Logik ausgeführt, die Framework-Schreibweise aller Beispiele ist gegen die offizielle Dokumentation geprüft und als Muster gekennzeichnet.

Eine Anpassungstabelle zeigt, wie React, Vue 3 und Svelte 5 Eigenschaften, Zustand, abgeleitete Werte, Effekte, Listen und Formularbindung schreiben. Dazu kommen eine Vorlage für Komponentenbeschreibungen, acht Übungen mit Musterlösung und ein Hinweisblatt zu Framework-Versionen.

Für wen? Für Entwicklerinnen, Entwickler und Fortgeschrittene, die Oberflächen aus Komponenten bauen und KI-Ergebnisse gezielt anfordern und prüfen wollen. Grundkenntnisse in JavaScript und in einem der Frameworks setzt das Heft voraus.

Wichtig: Die Prompts sind werkzeugneutral. KI-Code kann Fehler enthalten; lies ihn, teste ihn und lass Code, der live geht, zusätzlich von einem Menschen prüfen. Gib keine Schlüssel, Zugangsdaten oder Kundendaten ein. Barrierefreiheit wird technisch behandelt, rechtliche Fragen gehören zu Fachleuten. Unabhängiger Leitfaden, kein Produkt der Projekte oder Firmen hinter React, Vue oder Svelte und mit keinem davon verbunden. Stand: Oktober 2026. Funktionen, Schreibweisen und Versionen ändern sich – prüfe die offizielle Dokumentation. Mit KI-Unterstützung erstellt.