Recent versions of Flow work with Create React App projects out of the box.
To add Flow to a Create React App project, follow these steps:
npm install --save flow-bin(or
yarn add flow-bin).
"flow": "flow"to the
scriptssection of your
npm run flow init(or
yarn flow init) to create a
.flowconfigfile in the root directory.
// @flowto any files you want to type check (for example, to
Now you can run
npm run flow (or
yarn flow) to check the files for type errors.
You can optionally enable an extension for your IDE, such as Flow Language Support for Visual Studio Code, or leverage the Language Server Protocol standard (e.g. vim LSP) to get hints while you type.
If you'd like to use absolute imports with Flow,
make sure to add the following line to your
.flowconfig to make Flow aware of it:
[options]+ module.name_mapper='^\([^\.].*\)$' -> '<PROJECT_ROOT>/src/\1'
To learn more about Flow, check out its documentation.