[React] Flux Pattern

HAPPY JM·2022년 6월 28일
0

React

목록 보기
3/5

Flux Pattern

2014년에 Facebook에서 제안한 웹 애플리케이션 아키텍처 패턴
Unidirectional data flow를 활용하고 데이터의 업데이트와 UI 반영을 단순화한다.

Unidirectional data flow: 단방향 데이터 흐름 /
bidirectional data flow : 양방향 데이터 흐름

MVC 패턴

MVC 패턴에서는, View에서 특정 데이터를 업데이트하면 연쇄적인 업데이트가 일어난다. 특정 유저의 인터렉션이 여러 UI 컴포넌트가 사용하는 데이터에 영향을 줄 때(앱이 커질 때) MVC 만으로는 앱의 복잡도를 낮추거나 업데이트의 흐름을 따라가기 힘들어진다.

Flux Pattern

Flux 패턴은 하나의 Action이 하나의 Update만을 만들도록 한다.
-> data와 업데이트가 한 방향으로 흐르므로 UI 업데이트를 예측하기 쉬워짐

profile
Junior FE Engineer | work @Pangyo

0개의 댓글