[Redux] 리덕스의 상태관리 흐름도

Redux 상태관리 흐름도 

 

• 스토어 - 데이터 저장하는곳
• 리듀서 - 데이터를 실제로 수정되는 공간

 

흐름도 순서 

1. A Component 에서 Store에 있는 구독중
2. A Component 에서 Action dispatch
3. Reducer 에서 새로운 상태 값을 만든다(실제 data 수정이 일어난다)
4. 변경된 새로운 상태값은 Store 저장된다
5. Store에서 구독중인 Component에 수정된 데이터를 넘겨준다(알려준다)
6. A Component re-rendering
7. DOM에 변경된 data 확인