Frontend/React
2022. 11. 30.
[React] Context, useContext, Recoil(전역 상태 관리)
전역 상태 관리에 대한 공부를 하던 중 React에서 지원하는 Context와 Recoil의 사용법과 차이에 대한 정리를 했다. 이에 대한 기록이다. Context API context를 사용할 때 고려해야 할 점 context의 주된 용도는 다양한 레벨에 네스팅된 많은 컴포넌트에게 데이터를 전달하는 것입니다. context를 사용하면 컴포넌트를 재사용하기가 어려워진다. 여러 레벨에 걸쳐 props 넘기는 걸 대체하는 데에 context보다 컴포넌트 합성이 더 간단한 해결책일 수도 있다. 데이터 값이 변할 때마다 모든 하위 컴포넌트에게 널리 Broadcast 하는 것이 context다. createContext createContext는 context 객체를 생성한다. import {createConte..
![[React] Context, useContext, Recoil(전역 상태 관리)](http://i1.daumcdn.net/thumb/C230x230/?fname=https://blog.kakaocdn.net/dn/2n4P6/btrSMIlsBGw/J9KnJg3KVHoLKi22k3XKuK/img.png)