[React] Context API

코딩쟝이·2023년 11월 20일
0

내배캠 TIL

목록 보기
27/63

개요

컨텍스트 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

profile
웹 프론트엔드 개발자를 꿈꾸고 있습니다!

0개의 댓글