フローの追加

フローはコードのバグの軽減に役立つ静的型チェッカーです。この概念に初めて触れる場合は、JavaScriptでの静的型使用の入門をご覧ください。

最近のバージョンのフローはすぐにCreate React Appプロジェクトで使用できます。

Create React Appプロジェクトにフローを追加するには、次の手順を行います。

npm install --save flow-bin（またはyarn add flow-bin）を実行します。
package.jsonのscriptsセクションに"flow": "flow"を追加します。
npm run flow init（またはyarn flow init）を実行して、ルートディレクトリに.flowconfigファイルを作成します。
型チェックするファイルに// @flowを追加します（例：src/App.js）。

これでnpm run flow（またはyarn flow）を実行して、ファイルの型エラーをチェックできます。
Visual Studio CodeのFlow Language SupportなどのIDE用の拡張機能を有効にするか、Language Server Protocol標準（例：vim LSP）を活用して、入力中にヒントを取得できます。

フローで絶対インポートを使用する場合は、次の行を.flowconfigに追加してフローに認識させる必要があります。

  [options]
+ module.name_mapper='^\([^\.].*\)$' -> '<PROJECT_ROOT>/src/\1'

フローの詳細については、ドキュメントをご覧ください。