상태
변하는 데이터. 동적으로 표현되는 데이터
Side Effect
함수의 입력 외에도 함수의 결과에 영향을 미치는 요인
ex) API 호출
Side Effect는 최대한 배제하고 컴포넌트 표현 그 자체에 집중하여 개발하는 것이 중요
=> BUT, 서버 요청에 의존적인 페이지를 만들다보면 불가피하게 side effect에 의존할 수 밖에 없는 상황이 생김
ex) 로딩중.. OR 장바구니 목록 불러오는 중 ... (장바구니 데이터가 서버에 있는 경우)
리액트로 사고하기 : https://ko.reactjs.org/docs/thinking-in-react.html
상태의 2가지 구분
로컬
특정 컴포넌트 안에서만 관리되는 상태
전역
프로덕트 전체 혹은 여러 컴포넌트에서 관리되는 상태
ex) 라이트 모드/다크 모드, 언어설정
전역 상태에서의 데이터 무결성
- 데이터 정확성 보장을 위해 변경 및 수정시 제한을 두고 데이터 상태들을 항상 옳게 유지하는 것
- 동일한 데이터는 항상 같은 곳에서 가지고 오기
상태관리를 위한 툴
- React Context
- Redux
- MobX
상태관리 툴이 중요한 이유
- 전역 상태 저장소 제공
- props drilling(프로퍼티 내려꽂기) 문제 해결
=> 전역상태 저장소가 있고 어디서든 그 저장소에 접근할 수 있기 때문
oneThing