Context API

Context API란 ?

react는 16.3 버전부터 정식적으로 context api (opens new window)를 지원하고 있다. 일반적으로 부모와 자식간 props를 날려 state를 변화시키는 것과는 달리 context api는 컴포넌트 간 간격이 없다. 즉, 컴포넌트를 건너띄고 다른 컴포넌트에서 state, function을 사용할 수 있다. 또한 redux의 많은 어려운 개념보다 context api는 Provider, Consumer, createContext 개념만 알면 적용가능하다.

언제 쓰나요 ?

context는 컴포넌트안에서 전역적으로 데이터를 공유하도록 나온 개념이다. 그런 데이터는 로그인 데이터, 웹 내 사용자가 쓰는 설정파일, 테마, 언어 등등 다양하게 컴포넌트간 공유되어야할 데이터로 사용하면 좋다.

Context API 사용방법

Context API 개념 & 예시

너무 잘나와있어서 내가 따로 정리하는 것보다 나을 듯하니 이걸 참고하자 !!!