flow

作成者： facebook

DOMおよびネイティブプラットフォームにおけるReactコードの静的型チェック。4つのレンダラーオプションが標準DOM、ブラウザ固有コード、React Native、Fabric環境をカバーします。オプションのレンダラー引数を指定してyarn flowを実行。包括的だが低速なチェックにはyarn flow-ciを使用。ファイル位置とともに型エラーを報告し、問題の特定と修正を迅速化します。よくある落とし穴に注意：レンダラーの指定漏れ、未確認の$FlowFixMe抑制、誤った型インポート。

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

ZIPダウンロード GitHub

Flow Type Checking

Arguments:

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

Renderers

Renderer	When to Use
`dom-node`	Default, recommended for most changes
`dom-browser`	Browser-specific DOM code
`native`	React Native
`fabric`	React Native Fabric

Instructions

Run yarn flow $ARGUMENTS (use dom-node if no argument)
Report type errors with file locations
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

facebookのその他のスキル

完全な説明と根拠については、doc/GCSafeCoding.md を参照してください。

app-review-prep

MetaアプリをApp Reviewに備えて準備します — 現在のステータス、未対応の要件、付与済みの権限、提出履歴を確認します。アプリを提出する前に使用してください…

MetaアプリのAPIヘルスを監視 — レート制限、コールボリューム、APIの非推奨化をチェック。スロットリングの診断、キャパシティ計画、APIバージョンへの準備に使用…

Metaアプリのウェブフック問題をトラブルシューティング — アクティブなサブスクリプションを検査し、設定ミスを特定し、テストペイロードを送信して配信を確認します。次の場合に使用…

api-integration

開発者をMeta APIインテグレーションのゼロからのセットアップに導く — 適切なAPIを発見し、セットアップガイド、認証要件を取得し、…

Metaアプリ用のwebhookをエンドツーエンドで設定 — 利用可能なトピックを発見し、フィールドに購読し、テストペイロードで検証します。webhookの設定時に使用します…

iwsdk CLIを使用して、ポークの例に対してテストUIシステム（PanelUI、ScreenSpace）をテストします。

Reactのリリースチャンネル間でフィーチャーフラグの状態を検査・比較します。全チャンネル（www、www-modern、canary、next、experimental、rnバリアント）のフラグを表示するか、--diffで特定のチャンネルを比較します。出力形式はデフォルトのテーブル表示、CSVエクスポート、クリーンアップステータスグループ化から選択可能。フラグの状態は記号で示されます：有効（✅）、無効（❌）、バリアントテスト中（🧪）、プロファイリングのみ（📊）。よくある落とし穴：__VARIANT__フラグはwww上で両方の状態でテストされます。--diffを使用して意味のある差異を特定してください...