flow
🎯Skillfrom facebook/react
|Runs Flow type checking for React code, detecting type errors across different renderers like DOM, browser, and React Native.
Installation
npx skills add https://github.com/facebook/react --skill flowSkill Details
Use when you need to run Flow type checking, or when seeing Flow type errors in React code.
Overview
# 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
- 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
More from this repository6
Automatically fixes code formatting and linting issues to ensure clean, compliant code before committing.
Validates code changes by running formatting, linting, type checking, and testing across source and www directories.
Runs React codebase tests across different release channels with configurable flags and test patterns.
Extracts and manages error codes for React, helping developers identify and assign unique codes to new error messages.
Manages React feature flags across channels, enabling targeted testing, gating, and debugging of experimental features with precise control.
Checks and compares feature flag states across different release channels with detailed visualization and debugging capabilities.