‍

Installation

Willkommen in der Flow Dokumentation!

Installation der Flow React Component Library

Die Flow React Component Library kann mit einem Package Manager wie npm oder yarn installiert werden.

Zur leichteren Verwaltung der Abhängigkeiten werden alle Components innerhalb diese Packages bereitgestellt.

Styles importieren

Um die Components-Styles zu verwenden, musst du das Stylesheet importieren. Füge diese Zeile zum Einstiegspunkt deines Projektes hinzu.

Defaults für Components festlegen

Einige Components verhalten sich nach einem Standard, den du für deine gesamte Anwendung festlegen kannst, anstatt ihn an jeder Verwendung zu wiederholen. Dafür umschließt du deine Anwendung mit dem <ComponentDefaultsProvider />:

Jede einzelne Verwendung bleibt stärker als der Standard: Setzt eine List‍ das disableInitialSuspenseBoundary-Property an ihrer Datenquelle oder eine Form‍ das confirmModalCloseOnUnsavedChanges-Property, gilt dort dieser Wert. Verschachtelte Provider gelten jeweils für ihren Teilbaum und übernehmen die Werte, die sie nicht selbst nennen.

Diese Defaults stehen zur Verfügung:

DefaultBedeutungWert ohne Provider
List.disableInitialSuspenseBoundaryDie List rendert beim initialen Laden keine eigene Suspense-Boundary, sondern erscheint erst mit geladenen Daten.false
Form.confirmModalCloseOnUnsavedChangesDas Schließen eines Modals, das eine Form mit ungespeicherten Änderungen enthält, muss bestätigt werden.true

Aktualisieren

Ein Befehl hebt alle Flow-Abhängigkeiten auf die Zielversion, installiert und führt den Codemod jeder Migration bis zu dieser Version aus:

Er ersetzt den Migrationsleitfaden nicht: die meisten Änderungen haben keinen Codemod. Was in deinem Bereich von Hand ansteht, listet der Befehl am Ende auf – vorab und ohne etwas zu verändern zeigt es list.

Welche Änderung ab welcher Version greift und wie Deprecation-Warnungen den Vorlauf bilden, steht unter Upgrades‍. Was Flow dir innerhalb einer Linie zusichert, steht unter Versionierung & Stabilität‍.

Mit KI-Agents arbeiten

Ein Coding-Agent liest von sich aus nur die Anweisungen deines Projekts. Diese Dokumentation und die Hinweise im Paket findet er nur, wenn sie dort genannt sind. Füge deshalb diesen Block in die AGENTS.md (oder CLAUDE.md) deines Projekts ein:

Die USAGE.md passt zur installierten Version, llms.txt beschreibt den aktuellen Stand der Dokumentation und verlinkt jede Seite als Markdown. Auf jeder Seite dieser Dokumentation führt außerdem „Markdowndatei öffnen“ zur Markdown-Fassung.

Auf dieser Seite