Flux Pattern
[React] Flux Pattern
[React] Flux Pattern
2022.01.16🎯 Flux Pattern 2014년에 Facebook에서 제안한 웹 애플리케이션 아키텍처 패턴 Unidirectional(단방향) data flow를 활용해서 데이터의 업데이트와 UI 반영을 단순화한다. React의 UI 패턴인 합성 컴포넌트와 어울리도록 설계가 되었다. redux, react-redux 라이브러리의 Prior art 📝 Flux Pattern vs MVC Pattern MVC 패턴에서는, View에서 특정 데이터를 업데이트하면 연쇄적인 업데이트가 일어난다. 앱이 커지면 업데이트의 흐름을 따라가기 힘들다. 즉, 업데이트의 근원을 추적하기 힘들다. Flux는 하나의 Action이 하나의 Update만을 만들도록 한다. 특정 유저의 인터렉션이 여러 UI 컴포넌트가 사용하는 데이터에 영향을 ..