JS/React

React - React Context

shin96bc 2024. 3. 9. 17:32

React Context란 무엇인가

Context는 props를 전달하지 않고 어디서든 상태값에 접근할 수 있는 방법을 제공한다.

 

Context는 단순히 값을 전달하는 파이프와 같다.

 

개념적으로는 종속성 주입을 한 형태이다.

 

Context는 상태관리가 아니다.

  • 상태관리란 시간이 지남에 따라 상태가 변경되는 방식을 말한다.
  • redux와 state가 상태관리에 해당한다.

 

사용법 & 장단점

Context는 단순히 prop-drilling을 피하기 위한 목적으로 사용한다.

 

특정 구성 요소만 re-render 시키거나, 사이드 이펙트를 줄이기 위해 더 강력한 기능이 필요하다면 Redux를 사용하는게 좋다.

간단하게 사용할 수 있다는 장점이 있다.

 

초기에는 간편하게 사용할 수 있어서 좋지만 애플리케이션이 커질수록 관리가 힘들어지는 단점이 있다.