flow
tarafından facebook
React kodu için DOM ve yerel platformlar arasında statik tür denetimi. Dört render seçeneği standart DOM, tarayıcıya özgü kod, React Native ve Fabric ortamlarını kapsar. İsteğe bağlı render argümanıyla yarn flow çalıştırın; kapsamlı ancak daha yavaş kontroller için yarn flow-ci kullanın. Dosya konumlarıyla tür hatalarını bildirerek sorunları hızlıca belirlemenize ve düzeltmenize yardımcı olur. Yaygın tuzaklara dikkat edin: eksik render belirtimi, incelenmemiş $FlowFixMe bastırmaları ve yanlış tür içe aktarımları.
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