전역스테이트(useReducer + ContextAPI) - 불필요한 리렌더링

[ez1n]

useReducer와 ContextAPI를 사용하여 feed state를 다른 state와 전역으로 관리하고 피드를 작성할떄, 전체 state가 복사되어 불필요한 전체 리렌더링이 발생

이 때 문제는 피드 목록이 많아지는 경우 글쓰기가 느려지는 현상이 나타나는 것이었음

위 사진처럼 store와 Provider를 각각 정의하여 export한 후

이렇게 따로 최상위 컴포넌트(App)를 감싸주면 해결할 수 있음

[mopil]

이게뭐죠

[ez1n]

createFeed에서만 사용되는 state이기 때문에 state가 변경될 때마다 모든 컴포넌트가 불필요하게 리렌더링 되는 현상을 방지하기 위해 createFeed의 상위 컴포넌트인 headerAppBar를 FeedStoreProvider로 감싸주는 것이 더 효율적일 것 같다