flow

Statische Typprüfung für React-Code über DOM und native Plattformen hinweg. Vier Renderer-Optionen decken Standard-DOM, browserspezifischen Code, React Native und Fabric-Umgebungen ab. Führen Sie yarn flow mit optionalem Renderer-Argument aus; verwenden Sie yarn flow-ci für umfassende, aber langsamere Prüfungen. Meldet Typfehler mit Dateipositionen, um Probleme schnell zu identifizieren und zu beheben. Achten Sie auf häufige Fallstricke: fehlende Renderer-Spezifikation, nicht überprüfte $FlowFixMe-Unterdrückungen und falsche Typimporte.

npx skills add https://github.com/facebook/react --skill flow

Flow Type Checking

Arguments:

  • $ARGUMENTS: Renderer to check (default: dom-node)

Renderers

RendererWhen to Use
dom-nodeDefault, recommended for most changes
dom-browserBrowser-specific DOM code
nativeReact Native
fabricReact Native Fabric

Instructions

  1. Run yarn flow $ARGUMENTS (use dom-node if no argument)
  2. Report type errors with file locations
  3. For comprehensive checking (slow), use yarn flow-ci

Common Mistakes

  • Running without a renderer - Always specify or use default dom-node
  • Ignoring suppressions - Check if $FlowFixMe comments are masking real issues
  • Missing type imports - Ensure types are imported from the correct package

Mehr Skills von facebook

gc-safe-coding
facebook
Die vollständige Erklärung und Begründung finden Sie in doc/GCSafeCoding.md.
app-review-prep
facebook
Bereiten Sie eine Meta-App für die App-Überprüfung vor – prüft aktuellen Status, ausstehende Anforderungen, gewährte Berechtigungen und Einreichungsverlauf. Verwenden Sie vor dem Einreichen einer App…
api-health
facebook
Überwachen Sie die API-Gesundheit einer Meta-App – prüfen Sie Rate Limits, Anrufvolumen und API-Deprecations. Verwenden Sie dies zur Diagnose von Drosselung, zur Kapazitätsplanung oder zur Vorbereitung auf API-Version…
debug-webhooks
facebook
Beheben Sie Webhook-Probleme für eine Meta-App – prüfen Sie aktive Abonnements, identifizieren Sie Fehlkonfigurationen und senden Sie Test-Payloads, um die Zustellung zu verifizieren. Verwenden Sie, wenn…
api-integration
facebook
Führe einen Entwickler durch die Einrichtung einer Meta-API-Integration von Grund auf — findet die richtigen APIs, ruft Setup-Anleitungen und Authentifizierungsanforderungen ab, …
webhook-setup
facebook
Richte Webhooks für eine Meta-App end-to-end ein – entdecke verfügbare Topics, abonniere Felder und verifiziere mit einer Test-Payload. Verwende dies beim Konfigurieren von Webhooks für…
test-ui
facebook
Teste das UI-System (PanelUI, ScreenSpace) am Beispiel von poke mit der iwsdk CLI.
flags
facebook
Inspiziere und vergleiche Feature-Flag-Status über React-Release-Kanäle hinweg. Zeige alle Flags über Kanäle hinweg an (www, www-modern, canary, next, experimental, rn-Varianten) oder vergleiche bestimmte Kanäle mit --diff. Ausgabeformate umfassen Standard-Tabellenansicht, CSV-Export und Bereinigungsstatus-Gruppierung. Flag-Status werden durch Symbole angezeigt: aktiviert (✅), deaktiviert (❌), Variantentest (🧪), nur Profiling (📊). Häufige Falle: __VARIANT__-Flags werden in beiden Zuständen auf www getestet; verwende --diff, um sinnvolle...