Static Type Checking

静态类型检查

像Flow和TypeScript这样的静态类型检查程序可以在运行代码之前识别某些类型的问题。他们还可以通过添加自动完成功能来改善开发人员的工作流程。出于这个原因，我们建议使用Flow或TypeScript而不是PropTypes更大的代码库。

以下是将流程添加到您的React应用程序的说明。（您可以在这里了解更多关于使用Flow with React的信息。）

首先安装Babel。如果你还没有这样做，这里有一个有用的设置指南。

接下来安装babel-preset-flow有两种纱线或NPM。

yarn add --dev babel-preset-flow
# or
npm install --save-dev babel-preset-flow

然后添加flow到您的Babel预设配置。

{
  "presets": ["flow"]
}

创建React App默认支持Flow。只需安装Flow并.flowconfig通过运行创建一个文件flow init。

create-react-app my-app
cd my-app
yarn add --dev flow-bin
yarn run flow init

流程现在将作为create-react-app脚本的一部分运行。

你可以在这里了解更多关于使用TypeScript和React的知识。

react-scripts-ts自动配置create-react-app项目以支持TypeScript。你可以像这样使用它：

create-react-app my-app --scripts-version=react-scripts-ts