렌더링에 대한 고민
전역 상태를 관리하는 버튼이 있는데 전역 상태를 구독하고 있기 때문에 버튼을 누를 때마다 필요 없는 렌더링이 일어난다.
recoil은 react 특성을 고려해서 만든 라이브러리라 알고 있었고, 위 상황에 대한 해결책이 당연히 있을 것이라 생각해 Docs를 다시 찾아보기 시작했다.
useSetRecoilState를 찾았고, 구독 없이 상태 값을 변경할 수 있었다. (redux에 dispatch와 유사?)
수시로 변경되는 컴포넌트 내에서 변경되지 않는 헤더 부분을 따로 컴포넌트 분리하고 react.memo를 사용하는 것이 맞는가 ?
2가지 상황에 따라 방법을 변경했다.
- 최상위 부모 컴포넌트로 옮겨도 문제 없다면 구조를 변경했다.
- 자식 컴포넌트만 렌더링 하도록 변경하여 리렌더링을 막았다.
- 위 상황에 부합하지 않는다면 컴포넌트를 따로 분리하여 React.memo를 이용하였다.
렌더링에 대한 고민
전역 상태를 관리하는 버튼이 있는데 전역 상태를 구독하고 있기 때문에 버튼을 누를 때마다 필요 없는 렌더링이 일어난다.
recoil은 react 특성을 고려해서 만든 라이브러리라 알고 있었고, 위 상황에 대한 해결책이 당연히 있을 것이라 생각해 Docs를 다시 찾아보기 시작했다.
useSetRecoilState를 찾았고, 구독 없이 상태 값을 변경할 수 있었다. (redux에 dispatch와 유사?)수시로 변경되는 컴포넌트 내에서 변경되지 않는 헤더 부분을 따로 컴포넌트 분리하고 react.memo를 사용하는 것이 맞는가 ?
2가지 상황에 따라 방법을 변경했다.