SUIN

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

Redux

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

choi suin 2021. 11. 24. 13:01
728x90

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 확인