文字

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

以下是将流程添加到您的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

创建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

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

使用TypeScript和Create React App

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

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

你也可以尝试打字稿 - 反应 - 启动器。

上一篇: 下一篇: