프론트엔드 개발에서의 상태 관리

상태 : 변하는 데이터 , 동적으로 표현되는 데이터

ex) 쇼핑몰 장바구니 : 주문 금액, 배송비, 선택여부, 상품 수량

Side Effect : 함수의 입력 외에도 함수의 결과에 영향을 미치는 요인

ex)네트워크 요청, API 호출

상태의 적절한 위치

상태의 두가지 구분

전역 상태에서의 데이터 무결성을 위한 방법론

Single source of truth(신뢰할 수 있는 단일 출처)원칙 : 서로 다른 컴포넌트가 동일한 상태를 다룬다면 이 출처는 오직 한곳이어야 함, 동일한 데이터는 항상 같은 곳에서 데이터를 가지고 온다

전역으로 관리해야하는 상태

Ex) 테마설정(라이트모드, 다크모드) , 국제화(globalization)설정

상태관리를 위한 각종 툴