React / Performance01
칸반보드 리렌더링 최적화: dnd-kit에서 @hello-pangea/dnd로 전환한 이유
Section개발 기록
React dnd-kit 기반 JobSecretary 칸반보드에서 카드 하나를 드래그할 때 영향을 받지 않은 카드까지 리렌더링되던 원인을 분석했습니다. Context 구독 범위와 컴포넌트 경계를 조정하고 @hello-pangea/dnd로 전환한 뒤 리렌더링 범위의 변화를 비교합니다.
최종 업데이트
ReactRenderingPerformanceReact.memoContextdnd-kithello-pangea/dndRender PropsReact Portal