flow

作者: facebook

针对React代码在DOM和原生平台上的静态类型检查。四种渲染器选项覆盖标准DOM、浏览器特定代码、React Native和Fabric环境。运行yarn flow时可选渲染器参数;使用yarn flow-ci进行全面但较慢的检查。报告类型错误时附带文件位置,帮助快速识别和修复问题。注意常见陷阱:缺少渲染器指定、未检查的$FlowFixMe抑制以及错误的类型导入。

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

Flow Type Checking

Arguments:

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

Renderers

RendererWhen to Use
dom-nodeDefault, recommended for most changes
dom-browserBrowser-specific DOM code
nativeReact Native
fabricReact Native Fabric

Instructions

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