호박너구리 블로그

※ Recoil 요약 정리 (Recoil에 대해 알고싶다면 이전 글을 참고해주세요) // Recoil이란? Recoil은 페이스북에서 만든 새로운 React를 위한 상태 관리 라이브러리로, 최대한 React의 시맨틱과 동작을 유지하면서 위의 문제점을 개선하기 위해 만들어졌습니다. // Recoil 핵심 개념 (atoms, selectors) Recoil을 사용하면 atoms (공유 상태)에서 selectors (순수 함수)를 거쳐 React 컴포넌트로 내려가는 data-flow graph를 만들 수 있습니다. Atoms는 컴포넌트가 구독할 수 있는 상태의 단위이며 Selectors는 atoms 상태값을 동기 또는 비동기 방식을 통해 변환해줍니다. 저는 제 NextJS 프로젝트 상태관리 라이브러리로 Rec..

개발 2021. 5. 18. 15:49

리액트에서는 자체적으로 상태 관리를 할 수 있는 Hooks나 Context를 제공합니다. 그러나 내장된 상태 관리 프로그램은 다음과 같은 몇 가지 단점이 있죠. - 컴포넌트의 상태는 공통된 상위요소에서 공유될 수 있지만, 이 과정에서 거대한 트리가 다시 렌더링되는 효과를 야기하기도 함 - Context는 단일 값만 저장할 수 있으며, 여러 값들의 집합을 담을 수는 없음 - 이 두가지 특성이 트리의 최상단(state가 존재하는 곳)부터 트리의 잎(state가 사용되는 곳)까지의 코드 분할을 어렵게 만듦 그래서 사람들은 보통 Redux, Mobx을 사용합니다. 그리고 페이스북에서 새로운 상태관리 라이브러리 Recoil도 선보였죠. 오늘은 그 중에서 Recoil에 대해서 간단히 살펴보고 적용해보겠습니다! ※ ..

개발 2021. 5. 18. 15:40