flow
作者: facebook
针对React代码在DOM和原生平台上的静态类型检查。四种渲染器选项覆盖标准DOM、浏览器特定代码、React Native和Fabric环境。运行yarn flow时可选渲染器参数;使用yarn flow-ci进行全面但较慢的检查。报告类型错误时附带文件位置,帮助快速识别和修复问题。注意常见陷阱:缺少渲染器指定、未检查的$FlowFixMe抑制以及错误的类型导入。
npx skills add https://github.com/facebook/react --skill flowFlow Type Checking
Arguments:
- $ARGUMENTS: Renderer to check (default: dom-node)
Renderers
| Renderer | When to Use |
|---|---|
dom-node | Default, recommended for most changes |
dom-browser | Browser-specific DOM code |
native | React Native |
fabric | React Native Fabric |
Instructions
- Run
yarn flow $ARGUMENTS(usedom-nodeif no argument) - Report type errors with file locations
- 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
$FlowFixMecomments are masking real issues - Missing type imports - Ensure types are imported from the correct package