반응형

recoil 2

[Recoil] Selectors 기본 알아보기

selectors는 atoms이나 다른 selectors를 입력으로 받아드리는 순수 함수이다. selectors는 상태를 기반으로 하는 파생 데이터를 계산하는 데 사용된다. 이 말은, 최소한의 상태만 atoms에 저장하고, atoms과 selectors를 조합/가공하여 파생될 수 있는 모든 데이터는 selectors에 명시한 함수를 통해 효율적으로 계산함으로 쓸데 없는 상태의 보존을 방지한다. selector 함수 내부에서 사용하는 atoms 또는 selectors가 업데이트 되면 해당 selector 함수도 다시 실행된다. const fontSizeLabelState = selector({ key: 'fontSizeLabelState', get: ({get}) => { const fontSize = g..

React 2023.01.27

Recoil이란?

React를 위한 상태관리 라이브러리. Recoil을 사용하면, atoms(공유 상태)에서 selectors(순수 함수)를 거쳐 React 컴포넌트로 내려가는 data-flow graph를 만들 수 있다. Atoms 상태의 단위로서, 업데이트와 구독이 가능. atom이 업데이트되면 구독하고 있는 모든 컴포넌트는 새로운 값을 반영하여 다시 렌더링 된다. 런타임에 생성 가능. Selectors atoms나 다른 selectors를 입력으로 받아들이는 순수 함수 상태를 기반으로 하는 파생 데이터를 계산하는 데 사용. 최소한의 상태 집합만 atoms에 저장하고 다른 모든 파생 되는 데이터는 selectors에 명시한 함수를 통해 효율적으로 계산하므로서 쓸모 없는 상태의 보존을 방지 참고: 주요 개념 | Reco..

React 2023.01.24
반응형