[React] Context API

개요

컨텍스트 API는 리액트에서 제공해주는 기본 Hook이다. 부모에게서 자식에게로만 data나, state를 넘겨주는 기존 방식에서 보완한 API이기 때문에 전역에서 데이터를 관리할 수 있게 해준다.

출처 : https://www.copycat.dev/blog/react-context/

Context 개념

• createContext : context 생성
• Consumer : context 변화 감지
• Provider : context 전달(to 하위 컴포넌트)

Context 사용시 주의할 점

useContext를 사용할 때, Provider에서 제공한 value가 달라진다면 useContext를 사용하고 있는 모든 컴포넌트가 리렌더링 된다. 따라서 value 부분을 항상 신경써줘야 하는데 메모제이션을 이용해서 ui가 한 번만 렌더링 될 수 있도록 관리하거나 아니면 다음 블로그를 참고할 수 있다.
https://solo5star.tistory.com/42