Installation
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, 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:
| Default | Bedeutung | Wert ohne Provider |
|---|---|---|
List.disableInitialSuspenseBoundary | Die List rendert beim initialen Laden keine eigene Suspense-Boundary, sondern erscheint erst mit geladenen Daten. | false |
Form.confirmModalCloseOnUnsavedChanges | Das 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, was Flow dir innerhalb einer Linie zusichert und wie Deprecation-Warnungen den Vorlauf bilden, steht unter Versionierung & Stabilität.