Flux 아키텍처

99bang2·2020년 3월 24일
0

react

목록 보기
2/3

Flux 구조

  1. Flux 아키텍처의 데이터는 단방향으로 흐른다.
  1. view는 사용자의 상호작용에 응답하기 위해 새로운 action을 만들어 시스템에 전파한다.

Action creator

  • 라이브러리에서 제공하는 도움 메소드
  • action 생성
  • type 설정
  • dispatcher에게 제공

Action

  • store가 dispatcher에 등록해둔 callback을 통해 모든 store에 전송

Store

  • 스스로 갱신을 한 후 자신이 변경되었다고 모두에게 알림
  • 단순히 ORM 스타일의 객체 컬랙션을 관리하는 것을 넘어 어플리케이션 내의 개별적인 도메인 에서 어플리케이션의 상태를 관리
  • store는 자신을 dispatcher에 등록하고 callback을 제공

View

  • view가 변경 이벤트를 듣고 새로운 데이터를 store에서 가져온 후 모든 트리에 있는 자식 view에게 새로운 데이터를 제공

Dispatcher

  • Flux 어플리케이션의 중앙 허브로 모든 데이터의 흐름을 관리
  • store의 콜백을 등록하는데 사용됨
  • action creator가 새로운 action이 있다고 dispatcher에게 알려주면 어플리케이션에 있는 모든 store는 해당 action을 앞서 등록한 callback으로 전달 받는다.
profile
개념있게 발전하는 자

0개의 댓글