initialState
사용자 인증과 테마의 기본값을 둡니다.
React · state
Context + Reducer 전역 상태 흐름
Provider가 인증과 테마 상태를 보관하고, 화면 컴포넌트는 action으로만 변경을 요청합니다.
전역 상태 연결점
providerreducer
LOGIN, LOGOUT, TOGGLE_THEME를 처리합니다.
AppProvider
state와 dispatch를 하위 트리에 공급합니다.
Header
로그인 상태와 테마 토글을 읽습니다.
DashboardPage
인증된 화면에서 같은 전역 상태를 사용합니다.
event
→
dispatch
→
reducer
→
state update
→
consumer render
정리
전역 상태는 멀리 있는 컴포넌트를 편하게 연결하되, 변경 규칙은 reducer 안에서 좁게 유지해야 안전합니다.