 - PanResponder 안정화와 Native 애니메이션/index.png)
react native2026.03.09
React Native 칸반보드 드래그 앤 드롭 성능 최적화 (2) - PanResponder 안정화와 Native 애니메이션
1편에서 측정한 문제들 중 즉각적인 효과가 있는 것부터 개선합니다. PanResponder를 useMemo로 안정화하고, 애니메이션을 Native 스레드로 전환합니다. 그리고 실제 측정 결과를 봅니다.
Tags
Allreactnextjstypescriptreact-querycacheperformancecodematesetQueryDatainvalidateQuerieswebsocketrealtimecommentsserver-componentspromise-alloptimizationreact native드래그 앤 드롭성능 최적화ZustandReact.memoselector칸반보드props drillingPanResponderuseMemouseRefuseNativeDriver리렌더링자동 스크롤requestAnimationFramePortalContext APIAnimatedhooks트러블슈팅google mapexpo-location졸업작품JavaScriptdeepdiveuseStatehooknext.jsSSRSuspense렌더링테스트dev toolsSSGAlgorithm프로그래머스PCCPlv2이분탐색클로저생명주기Virtual DOM백준golddfslv3bfs