1.MVC패턴(양방향 흐름)
controller, model, view로 구분이 됨.
View:사용자에게 보여지는 요소들(컴포넌트, JSX 등)
Model: 데이터들을 정의하고, 관리하는 요소들(state 등)
Controller: client에서 이벤트 등이 발생하면 Model의 데이터를 변경하는 요소들(로직적인 부분 등)
Model과 View사이에서 양방향 상호작용이 핵심.
Model에서 View (데이터를 받아 시각화)
View에서 Model (사용자가 특정 데이터를 입력하는 등)
View와 Model 사이 상호작용이 많기 때문에 규모가 커질수록 데이터 흐름의 복잡도가 늘어남.
2. Flux패턴(단방향 흐름)
Dispatcher, Store, View로 구분이 됨.
리액트는 데이터를 받아서 그걸 UI로 보여주기만 하는, 오직 뷰의 역할을 하는 라이브러리.
view: 사용자들에게 보여지는 요소들
Store: 데이터들의 저장을 관리하는 요소. view에서 store로의 흐름은 불가능하고, 오직 Action을 통해서만 제어됨. (Atom)
Dispatcher: Action이 발생하면 Store의 데이터들을 변경하는 역할 (특정 action이 일어나면 데이터 변화를 처리하는 Store의 콜백을 호출) (recoil의 setter hook)
Always Awake