Skills
skills/facebook/react/flow

flow

Summary

Static type checking for React code across DOM and native platforms.

  • Four renderer options cover standard DOM, browser-specific code, React Native, and Fabric environments
  • Run yarn flow with optional renderer argument; use yarn flow-ci for comprehensive but slower checks
  • Reports type errors with file locations to help identify and fix issues quickly
  • Watch for common pitfalls: missing renderer specification, unexamined $FlowFixMe suppressions, and incorrect type imports
SKILL.md

Flow 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

  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
Weekly Installs
673
Repository
facebook/react
GitHub Stars
244.2K
First Seen
Jan 24, 2026
Security Audits
Gen Agent Trust HubFail
SocketPass
SnykPass
Installed on
opencode551
codex535
gemini-cli533
github-copilot478
claude-code449
cursor439