리렌더링 관련

[eubnara]

사전 지식

함수적 갱신(functional update): https://reactjs.org/docs/hooks-reference.html#functional-updates

강제 리렌더링 트릭

https://stackoverflow.com/questions/53215285/how-can-i-force-a-component-to-re-render-with-hooks-in-react

const [, updateState] = React.useState();
const forceUpdate = React.useCallback(() => updateState({}), []);

• useState 에 의존하지 않고 따로 관리하다가 필요할 때 강제 업데이트를 할 수도 있다.
• 상황상 true, false, null 세가지 상태를 이용하여 useEffect() 를 구현할 때, 이같이 사용하지 않고 함수적 갱신 을 하고 같은 값이 되더라도 강제 업데이트를 하고 싶을 때 forceUpdate 를 호출할 수 있다.

[eubnara]

• [ ] 다음 내용 이해 필요
  • Preventing rerenders with React.memo and useContext hook.: https://github.com/facebook/react/issues/15156#issuecomment-474590693