Flux 패턴

Flux 패턴

단방향 데이터 흐름

단방향 데이터 흐름 디자인 패턴

• 흐름

  Dispatcher -> store -> View -> Action 을 통해 다시 Dispatcher 반복

• 구조

  Dispatcher, Store, View 로 나뉨

  • Dispatcher

    Flux 의 모든 데이터 흐름을 관리하는 허브 역할

    Action 이 발생되면 전달되며 Action 을 파악 후 등록된 콜백 함수를 실행하여 Store에 데이터를 전달함

    App 에 한개의 인스턴스만 사용됨

  • Store

    모든 상태 변경의 결정을 맡음

    Dispathcer 로 부터 메세지를 수신받기 위해 Dispatcher 에 콜백함수 등록해야 함

    변경되면 View 에 변경됐다는 사실 알려줌

    싱글톤으로 관리됨

  • View

    화면에 나타냄

    자식 View 에 데이터를 흘려 보내느 뷰 컨트롤러의 역할도 함께 함

  • Action

    Dipatcher 의 콜백 함수를 실행할 때 담는 데이터 객체

    대체로 액션 생성자에서 만들어 짐