react flow 에 대하여(사용법 및 설치)

Flow

flow 는 자바스크립트 코드를 위한 정적 타입 체커입니다. Facebook에 의해 개발되었으며 종종 React와 함께 사용합니다. 변수, 함수 및 React 컴포넌트에 특수한 타입 구문을 사용하여 주석을 달고 실수를 조기에 발견 할 수 있습니다. 

Flow를 사용하기 위해서는 3가지를 확인해야한다.

• 프로젝트 의존성에 Flow를 추가해야합니다.
• Flow 구문이 컴파일 코드에서 제거되었는 지 확인하세요.
• 타입 주석을 추가하고 Flow를 실행해 체크해야합니다.

프로젝트에 flow 추가하기

만약 yarn 을 쓴다면, 터미널 창에서

yarn add --dev flow-bin

yarn run flow init

만약 npm 을 쓴다면, 터미널 창에서.

npm install --save-dev flow-bin

npm run flow init

첫번째 커맨드는 프로젝트에 최신 버전 Flow를 설치합니다.

두번째 커맨드는 Flow 설정 파일을 만들고 추후에 커밋해야합니다.

마지막으로 package.json 에 scripts 섹션에 flow를 추가시킨다..

Flow 동작시키기

flow 타입 주석 추가하기

기본적으로 flow는 아래 주석이 포함된 파일만 체크합니다.

일반적으로는 파일 최상단에 둡니다. 프로젝트 안의 일부 파일에 추가하고 yarn flow 나 npm run flow를 실해앟여 flow가 이미 문제를 발견했는지 확인하기.

flow에 대해서 더 잘 알려면... 밑의 공식문서확인

https://flow.org/

Flow: A Static Type Checker for JavaScript