React Recoil vs Context

React Recoil vs Context

Recoil과 Context 모두 React에서 여러 컴포넌트사이에 상태를 관리 하는 라이브러리입니다. Context는 Props drilling을 해소하고자 만들어진 React에 Built-in된 라이브러리이며, React는 좀더 모던하고 향상된 기능을 지원하는 상태관리를 위한 라이브러리 입니다. Recoil이 대중화되기전에는 Context를 활용하여 상태관리를 하는 프로젝트도 많았지만, 최근에서 Recoil을 많이 사용하는 추세입니다. 그럼 간단한 코드로 두 가지 기능을 비교해보겠습니다. 1. 속성 정의 Recoil : 전역으로 설정되기 때문에 키 값을 가지며 키값은 유일해야 합니다. export const PopupTodoState = atom({ key: 'PopupTodo/show', default: false, }); context : createContext를 사용하여 해당 context를 생성합니다. export const PopupTodoContext = React....

#Context #Recoil

원문링크 : React Recoil vs Context

 등록된 다른 글

Recoil + immer 를 사용한 불변성 관리

Vue.js 공부

React 팝업 생성하기

Vue.js 개발자 LV.1(2) - Vue Cli 설치

Vue Bundle 용량 최소화(2) - 라이브러리 제거

Vue Webpack 설정 - vue.config.js

React Router Transition 효과 적용

React Transition 팝업 적용