Frontend/React
[Flux] 리액트에서의 데이터 흐름
hongod
2020. 11. 1. 22:39
- 리액트에서의 데이터 흐름 (또는 상태 값)을 한 방향으로 유지하기 위한 디자인 패턴
- 상태 값을 Store에서 관리하고, 이 Store를 통해서만 상태 값 변경이 가능하고 그에 따른 view 변경 역시 가능하다
- Store는 Action을 통해 새로운 명령과 데이터를 받고 이를 이용하여 상태 값을 변경한다
- Action은 사용자와의 상호작용이나 웹서버를 통해 새로운 데이터와 명령을 받고 이를 Dispatcher로 넘긴다
- Dispatcher는 이러한 Action들을 대기열에서 관리하며 적절한 Store에 분배(dispatch)될 수 있게 관리한다
- 따라서 데이터는 일정한 방향(액션 -> 디스패쳐 -> 스토어 -> 뷰)으로만 흐르게 된다