Context API

Prop Drilling

props를 오로지 하위 컴포넌트로 전달하는 용도로만 쓰이는 컴포넌트들을 거치면서 React Component 트리의 한 부분에서 다른 부분으로 데이터를 전달하는 과정


문제: prop이 무수히 많아지면 해당 prop을 추적하기 힘들어지며 유지보수하기 힘들어 지는 코드가 됨




Prop Drilling을 해결하기 위한 도구들

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

• Redux
• Recoil
• Mobx
• Context API

Context API

• Context Provider
• Context Consumer