[ 리덕스 흐름도 ]컴포넌트 A는 리덕스 스토어를 구독하고 있습니다. 리덕스에 저장된 데이터가 변경되었을 때(A가 구독 중인 값이 변경되었다고 가정합니다.), 어떤 과정을 거쳐 컴포넌트 A가 변경된 값을 가져올 수 있는 지 흐름을 그려볼까요?

셔노·2022년 7월 9일
0

리덕스 전체적인 흐름도

  1. 클라이언트가 [Deposit $10] 을 버튼을 누릅니다.

  2. 그럼 [Click] 이벤트가 발생하게 되며, [Event Handler]에 있는 [Dispach]{Action: Deposit, payload:$10} 이라는 [Action(명령지)]을 담아 [Store] 안에 있는 [Reducer]에게 정보를 보냅니다.

  3. 그럼 [Action(명령지)] 를 받은 것을 토대로 [State]에 있는 값을 꺼내어 요청한 [Action(명령)]을 수행 후 $10라는 값이 다시 [State]에 씁니다.
    (이 때 기존에 가지고 있던 [State]($0)는 사라지며, 동일한 이름으로 다시 새로 쓰여지게 되는 겁니다.)

  4. 그리고 변경된 State 값으로 다시 UI가 보여지게 됩니다.

profile
초보개발자

0개의 댓글