상태라이브러리 2

Recoil에 대해(핵심 요약)

React에서 사용하는 상태관리 라이브러리. React의 Concurrent Rendering(동시성 렌더링) 를 공식지원하는 유일한 라이브러리 핵심개념 Atoms Atoms는 상태의 단위이며, 업데이트와 구독이 가능하다. atom이 업데이트되면 각각의 구독된 컴포넌트는 새로운 값을 반영하여 다시 렌더링 된다. Atoms는 런타임에서 생성될 수도 있다. Atoms는 React의 로컬 컴포넌트의 상태 대신 사용할 수 있다. 동일한 atom이 여러 컴포넌트에서 사용되는 경우 모든 컴포넌트는 상태를 공유한다. selectors selectors는 atoms나 다른 selectors를 입력으로 받아들이는 순수 함수(pure function)다. 상위의 atoms 또는 selectors가 업데이트되면 하위의 se..

Frontend 2023.09.03

MobX 라이브러리에 대해

핵심요약 쉽다. 모든 변경사항을 감지하고, 사용중인 위치로 전파한다. 렌더링 최적화를 쉽게 할 수 있다. 데이터에 대한 모든 변경 사항과 사용은 런타임에 추적되어 상태와 출력 간의 모든 관계를 캡처하는 종속성 트리를 구축한다. React 구성 요소와 같이 상태에 따른 계산이 엄격하게 필요할 때만 실행된다. 즉 자동으로 최적화 된다. 구조가 자유롭다. UI 프레임워크 외부에서 애플리케이션 상태를 관리할 수 있다. 이렇게 되면 코드가 분리되고, 테스트 하기 쉽다. 핵심 개념 Observable State - 상태 : 관찰하려는 상태(state)를 뜻한다. state의 변화는 reactions와 computations를 일으킨다. Derivations (computed Value) - 파생 값 : Observ..

Frontend 2023.09.03
반응형