Skip to content

Latest commit

 

History

History
19 lines (10 loc) · 1.43 KB

생각과제.md

File metadata and controls

19 lines (10 loc) · 1.43 KB

React에서 Props Drilling을 해결하는 전략들은 무엇이 있을까?

  1. 전역 상태관리 라이브러리 사용

react에는 redux, MobX, recoil 등 적용할 수 있는 많은 전역 상태관리 라이브러리가 존재한다.

이를 사용하면 데이터를 전역으로 관리할 수 있고 이는 props drilling을 필요하지 않게 한다.

  1. children을 적극 활용한다.

하나의 컴포넌트에서 값을 관리하고 그 값을 하위 요소로 전달할 때 코드의 추적이 어렵지 않게 된다.

  1. 가능한 관련성이 높은 곳에 state를 위치시킨다.

데이터가 어플리케이션의 특정 위치에서만 필요하다면 최상위 컴포넌트에 state를 위치시키는 것 보다 해당 데이터를 필요로 하는 최소 공통 부모 컴포넌트에서 관리하는 것이 효율적이다.

그렇다면 나는 합동세미나, 솝커톤, 앱잼에서 어떤걸 시도해보고 싶은가?

나는 recoil, redux 등의 전역 상태관리 라이브러리를 사용해보고 싶다. 지난 과제동안 props drilling이 얼마나 힘들고 위험한? 행위인지 몸으로 느껴본 후 낭비되지 않는 선에서 전역상태관리 라이브러리를 사용하여 side effect를 줄이고 불필요한 렌더링을 방지하며, 단순히 props를 자식 컴포넌트에게 전달해야된다는 이유 하나만으로 props를 연속적으로 넘겨주는 행위를 멈추고 싶다.