flow

작성자: facebook

DOM 및 네이티브 플랫폼 전반의 React 코드에 대한 정적 타입 검사. 네 가지 렌더러 옵션은 표준 DOM, 브라우저별 코드, React Native 및 Fabric 환경을 포함합니다. 선택적 렌더러 인수와 함께 yarn flow를 실행하고, 포괄적이지만 느린 검사를 위해 yarn flow-ci를 사용합니다. 파일 위치와 함께 타입 오류를 보고하여 문제를 신속하게 식별하고 수정하는 데 도움을 줍니다. 일반적인 함정인 렌더러 지정 누락, 검사되지 않은 $FlowFixMe 억제, 잘못된 타입 임포트를 주의하세요.

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

ZIP 다운로드 GitHub

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 (use dom-node if 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 $FlowFixMe comments are masking real issues
Missing type imports - Ensure types are imported from the correct package

facebook의 다른 스킬

전체 설명과 근거는 doc/GCSafeCoding.md를 참조하십시오.

app-review-prep

Meta 앱을 App Review용으로 준비합니다 — 현재 상태, 미해결 요구 사항, 부여된 권한, 제출 내역을 확인합니다. 앱을 제출하기 전에 사용하세요…

Meta 앱의 API 상태를 모니터링합니다 — 비율 제한, 호출량, API 지원 중단 여부를 확인합니다. 트래픽 제한을 진단하거나, 용량을 계획하거나, API 버전 변경에 대비하는 데 사용합니다…

Meta 앱의 웹훅 문제를 해결합니다 — 활성 구독을 검사하고, 잘못된 구성을 식별하며, 테스트 페이로드를 전송하여 전달을 확인합니다. 다음과 같은 경우에 사용하세요…

api-integration

개발자가 Meta API 통합을 처음부터 설정하도록 안내합니다 — 적절한 API를 찾아내고, 설정 가이드, 인증 요구 사항 등을 가져옵니다…

Meta 앱용 웹훅을 처음부터 끝까지 설정하세요 — 사용 가능한 주제를 탐색하고, 필드를 구독하고, 테스트 페이로드로 검증합니다. 웹훅을 구성할 때 사용하세요…

iwsdk CLI를 사용하여 포크 예제에 대해 Test UI 시스템(PanelUI, ScreenSpace)을 테스트합니다.

React 릴리스 채널 간 기능 플래그 상태를 검사하고 비교합니다. 모든 채널(www, www-modern, canary, next, experimental, rn 변형)의 플래그를 보거나 --diff로 특정 채널을 비교합니다. 출력 형식은 기본 테이블 보기, CSV 내보내기, 정리 상태 그룹화를 포함합니다. 플래그 상태는 기호로 표시됩니다: 활성화(✅), 비활성화(❌), 변형 테스트(🧪), 프로파일링 전용(📊). 일반적인 실수: __VARIANT__ 플래그는 www에서 두 상태 모두 테스트되며, --diff를 사용하여 의미 있는 차이를 찾습니다...