- 전역 상태관리 라이브러리 사용
react에는 redux, MobX, recoil 등 적용할 수 있는 많은 전역 상태관리 라이브러리가 존재한다.
이를 사용하면 데이터를 전역으로 관리할 수 있고 이는 props drilling을 필요하지 않게 한다.
- children을 적극 활용한다.
하나의 컴포넌트에서 값을 관리하고 그 값을 하위 요소로 전달할 때 코드의 추적이 어렵지 않게 된다.
- 가능한 관련성이 높은 곳에 state를 위치시킨다.
데이터가 어플리케이션의 특정 위치에서만 필요하다면 최상위 컴포넌트에 state를 위치시키는 것 보다 해당 데이터를 필요로 하는 최소 공통 부모 컴포넌트에서 관리하는 것이 효율적이다.
나는 recoil, redux 등의 전역 상태관리 라이브러리를 사용해보고 싶다. 지난 과제동안 props drilling이 얼마나 힘들고 위험한? 행위인지 몸으로 느껴본 후 낭비되지 않는 선에서 전역상태관리 라이브러리를 사용하여 side effect를 줄이고 불필요한 렌더링을 방지하며, 단순히 props를 자식 컴포넌트에게 전달해야된다는 이유 하나만으로 props를 연속적으로 넘겨주는 행위를 멈추고 싶다.