Selector (2) 썸네일형 리스트형 Recoil, Redux. 상태관리 라이브러리의 Selector 개념 Redux의 셀렉터 Deriving Data with Selectors | Redux Usage > Redux Logic > Selectors: deriving data from the Redux state redux.js.org 모든 앱의 상태를 싱글턴 기반으로 추적하는 개념인 Redux는 탑 다운 스타일로 상태 그래프의 해당 상태를 컴포넌트와 연결한다. 즉, 기본적으로 상태가 변경되면 전부 변경되지만, 그렇게 되면 최적화가 어려울 것이기에, 일부 데이터만 구독하도록 최적화한다. https://redux.js.org/usage/deriving-data-selectors 반대로 contextAPI는 컴포넌트 하단으로 데이터를 전달하기 위한 도구이다. 즉 props drilling을 피하기 위한 도구지, .. Recoil 패턴 : Intermediate Selectors (중간 선택자로 리렌더링 최적화) https://learnrecoil.com/video/intermediate-selectors Intermediate Selectors - Free Recoil.js Course We make use of an "intermediate selector" to control when the data fetching happens. learnrecoil.com 아래와 같은 atomFamily가 있다고 하자. 해당 아톰은 드래그, 크기 조정 시마다 position이 변경된다. export type ElementStyle = { position: {top: number; left: number} size: {width: number; height: number} } export type Element = { s.. 이전 1 다음