Flux는 단방향(one-way) 데이터 흐름으로 state를 관리하기 위한 아키텍처 패턴(Facebook 출처)입니다. Redux의 개념적 토대가 되었고 대부분의 현대 state 라이브러리에 영향을 주었습니다. 핵심 아이디어는 데이터가 단일하고 예측 가능한 방향으로 흐른다는 것입니다.
단방향 사이클
Action → Dispatcher → Store → View
↑ │
└───────────────────────────────────┘
(사용자 상호작용이 새로운 Action을 생성함)
1. Action — 무슨 일이 일어났는지 기술하는 일반 객체({ type: 'ADD_TODO', text })
2. Dispatcher — 모든 action을 store로 보내는 중앙 허브
3. Store — state + 로직 보유; action에 응답하여 스스로 갱신
4. View — store로부터 렌더링; 사용자 상호작용이 새 action을 dispatch
