react native - debug tool (fbflipper)

왜?

• 기본 디버깅툴이 너무 맛탱이가서 잘 안쓰임, 대체제로 flipper를 사용함.

ref

• ref: https://fbflipper.com/

setting설정

경로 텍스트를 직접 복사해서 붙여넣기한다. 파일 선택이 안됨(IOS IDB의 경우)

• Android SDK location 찾기

$ which adb

• IDB 설치하기

brew tap facebook/fb
brew install idb-companion
pip3 install fb-idb

• IDB 경로 찾기

$ which idb

package.json 설정 (for ios)

peerDependencies": {
 "flipper-plugin": "*"
},

• 위 내용 추가
• node_modules 삭제
• yarn install
• ios/ 폴더안에서 pod install (m1의 경우 arch -x86_64 pod install)
  그다음 root폴더에서 yarn run ios

또는 setup doctor의 체크리스트를 확인하여 설치하던가

ㅇㅇ...

초기화

• adb kill-server

sandy-migration

https://fbflipper.com/docs/extending/sandy-migration

devtools

• ref: https://github.com/facebook/flipper/issues/3197

plugin 적용방식

• React Native 0.62버젼이상이면 플러그인 적용방식이 좀 달라진것 같다.

https://fbflipper.com/docs/tutorial/react-native/