2018年11月25日 星期日

[Day6]react.js中 Flux概念理解

Flux簡言之,就是一種單向資料流的設計模式(Design Pattern),主要想要解決的問題是資料一致性,在這個設計模式中,主要有四種角色: Action、Dispatcher、Store、View

Action

定義系統的所有行為,例如增刪修查資料(CRUD)、登入登出等。

Dispatcher

將Action告訴Store(有註冊的才通知)

Store

儲存商務邏輯、資料,只能取得(get)資料,不能變更(set)資料

View

渲染(Render)畫面,並且監聽使用者的操作,例如Click。

好處顯而易見,以關注點分離的面向而言,各個角色各司其職,提高資料的一致性。真的有點複雜,要實際寫過才能內化。

沒有留言:

張貼留言