React

Redux 기초 개념 소개

Redux는 전역 상태를 store에 모으고 action과 reducer를 통해 변경 경로를 기록하는 상태 관리 방식입니다. 값이 여러 화면에서 공유되고, 변경 원인을 추적해야 할 때 단방향 데이터 흐름으로 상태 변화를 설명하기 쉽습니다.

store, action, reducer, selector를 분리해 상태 변경 경로를 추적합니다.

상태 1

Redux 도입 기준

Context API와 useReducer의 조합만으로도 특정 수준까지는 전역 상태 관리를 처리할 수 있지만, 액션 로그와 selector 분리가 필요해지면 Redux 도입을 검토합니다.

상태 2

Redux의 세 가지 핵심 원칙

상태는 하나의 store에 두고, action은 변경 의도를 표현하며, reducer는 이전 상태와 action으로 다음 상태를 계산합니다.

상태 3

Redux의 핵심 구성 요소

store, action creator, reducer, selector가 분리되어야 변경 경로와 화면 구독 범위를 읽기 쉽습니다.