RN 공식문서 : https://reactnative.dev/docs/performance https://reactnative.dev/docs/profilinghttps://reactjs.org/docs/optimizing-performance.html#profiling-components-with-the-devtools-profilerhttps://reactnative.dev/docs/0.65/debugging#inspecting-component-instances 테스트 필요 Profiler 개요 성능 최적화NameTags설명읽다 만 자료Render and Commit PhasesReconciliationuseLayoutEffectmemoizinguseMemo, useCallbackuseCallback 유의사항immutable data structure얕은 검사가 아닌 깊은 검사가 되어야 하는 경우FlatList 최적화requestAnimationFrameConcurrent RenderingReact 18Render Batching상태 관리 react-native debuggerNameTags요약apollo client 연동setting와이파이로 연결하지 마라setting엄청나게 느리게 동작하기 때문..크롬의 react-devtools 끄자setting인터넷에서 알려준 팁에뮬레이터에서 Profiler가 계속 안될 경우setting에뮬에서만 안된다면 Wipe Data 후에 다시 해보자어떤 훅이 리렌더링을 일으켰는지 확인하기usageProfiler에서 보는 리렌더링 요인들usage 알고케어 디바이스앱 성능 최적화NameTags몸상태 선택 화면 렌더 최적화유저 목록 부하/렌더 최적화optimization사용자가 아무짓을 하지 않아도 무한 리렌더링makeState그룹 유저 선택 리스트 렌더 최적화makeState몸상태 카테고리 선택 렌더 최적화카테고리 선택 컴포넌트 애니메이션 사이드이펙트 최적화화면 전환 시 전체 스택이 리렌더링 되는 현상초성바 구현 / 대규모 유저 렌더 대응apollo client 캐시 정복polling → event driven 처리 방식 변경 빌드 최적화NameTags요약불필요한 코드 제거webpack개발 시에만 필요한 코드들 완전히 제거 키워드 : strip, minify가지치기동적 임포트 기타