深入理解Redux

新手小白,第一次編寫拆火,就是簡單的理解一下我眼中的Redux,也當保留一下筆記涂圆。

具體的講解可以參考文檔:Redux 中文文檔


? ? Redux是一個狀態(tài)管理工具们镜,用來管理應用中的數(shù)據(jù)。

? ??在使用Redux的應用中润歉,所有的state都以一個對象樹的形式存儲在單一store中模狭,唯一改變state的辦法是觸發(fā)action,action如何改變state樹踩衩,則需要編寫reducers嚼鹉。

? ??

redux工作原理圖

核心:

? ? store:store是一個JavaScript對象,store的作用是連接 actions 和 reducer ?驱富,它保存了整個應用的state锚赤。

? ? ? ? · Redux應用只能有一個store ? ?

? ? ? ?· 允許通過getState()訪問state數(shù)據(jù)

? ? ? ?· 通過dispatch(action)改變state

? ? ? ?· 通過subscribe(listener) 注冊回調(diào)函數(shù),監(jiān)聽state改變


創(chuàng)建倉庫


訪問數(shù)據(jù)到監(jiān)聽

Action: action把數(shù)據(jù)從應用傳遞到了store褐鸥,它是store數(shù)據(jù)的唯一來源线脚,通過dispatch()將action傳到了store。action就是一個單純的包含type,payload的對象浑侥。 type是一個常量又憨,可以自己定義,用來表示動作類型锭吨。payload是這個動作攜帶的數(shù)據(jù)蠢莺。 action必須提供一個type屬性,表示當前動作的標識零如。

Reducer:reducer指定了應用狀態(tài)的變化如何響應actions并發(fā)送到store的躏将,action只是描述了有事情發(fā)生了這一事實,并沒有描述應用如何更新state考蕾,更新state的函數(shù)成為reducer祸憋,它是一個純函數(shù),接收舊的state和action肖卧,返回新的state

? ? reducer也就是根據(jù)action行為蚯窥,執(zhí)行相應的邏輯操作,更新state塞帐。reducer有兩個參數(shù)拦赠,第一個參數(shù)表示狀態(tài)(數(shù)據(jù)),要給初始狀態(tài)設置默認值葵姥,第二個參數(shù)表示action行為荷鼠。


reducer




以上就是我對redux的理解,不足之處榔幸,多多指教

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末允乐,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子削咆,更是在濱河造成了極大的恐慌牍疏,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,039評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件拨齐,死亡現(xiàn)場離奇詭異鳞陨,居然都是意外死亡,警方通過查閱死者的電腦和手機奏黑,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評論 3 395
  • 文/潘曉璐 我一進店門炊邦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人熟史,你說我怎么就攤上這事馁害。” “怎么了蹂匹?”我有些...
    開封第一講書人閱讀 165,417評論 0 356
  • 文/不壞的土叔 我叫張陵碘菜,是天一觀的道長。 經(jīng)常有香客問我,道長忍啸,這世上最難降的妖魔是什么仰坦? 我笑而不...
    開封第一講書人閱讀 58,868評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮计雌,結(jié)果婚禮上悄晃,老公的妹妹穿的比我還像新娘。我一直安慰自己凿滤,他們只是感情好妈橄,可當我...
    茶點故事閱讀 67,892評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著翁脆,像睡著了一般眷蚓。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上反番,一...
    開封第一講書人閱讀 51,692評論 1 305
  • 那天沙热,我揣著相機與錄音,去河邊找鬼罢缸。 笑死篙贸,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的祖能。 我是一名探鬼主播歉秫,決...
    沈念sama閱讀 40,416評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼蛾洛,長吁一口氣:“原來是場噩夢啊……” “哼养铸!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起轧膘,我...
    開封第一講書人閱讀 39,326評論 0 276
  • 序言:老撾萬榮一對情侶失蹤钞螟,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后谎碍,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體鳞滨,經(jīng)...
    沈念sama閱讀 45,782評論 1 316
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,957評論 3 337
  • 正文 我和宋清朗相戀三年蟆淀,在試婚紗的時候發(fā)現(xiàn)自己被綠了拯啦。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,102評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡熔任,死狀恐怖褒链,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情疑苔,我是刑警寧澤甫匹,帶...
    沈念sama閱讀 35,790評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響兵迅,放射性物質(zhì)發(fā)生泄漏抢韭。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,442評論 3 331
  • 文/蒙蒙 一恍箭、第九天 我趴在偏房一處隱蔽的房頂上張望刻恭。 院中可真熱鬧,春花似錦扯夭、人聲如沸吠各。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽贾漏。三九已至,卻和暖如春藕筋,著一層夾襖步出監(jiān)牢的瞬間纵散,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評論 1 272
  • 我被黑心中介騙來泰國打工隐圾, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留伍掀,地道東北人。 一個月前我還...
    沈念sama閱讀 48,332評論 3 373
  • 正文 我出身青樓暇藏,卻偏偏與公主長得像蜜笤,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子盐碱,可洞房花燭夜當晚...
    茶點故事閱讀 45,044評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 前言 最近幾天對 redux 的中間件進行了一番梳理把兔,又看了 redux-saga 的文檔,和 redux-thu...
    Srtian閱讀 32,779評論 9 40
  • 思考 我們在 Redux 異步 Action 中經(jīng)常使用這種寫法: 而正常的 Action 就看起來好像應該是這樣...
    7revor閱讀 513評論 0 0
  • 看到這篇文章build an image gallery using redux saga瓮顽,覺得寫的不錯县好,長短也適...
    smartphp閱讀 6,158評論 1 29
  • Redux作為一個應用狀態(tài)管理工具,自身和應用框架沒有耦合暖混。理論上我們可以將Redux應用到任何應用中缕贡,這也是本文...
    ronniegong閱讀 938評論 1 6
  • 兒科專家嚴大夫說寶寶膽紅素高需要轉(zhuǎn)兒科治療并且家長不能陪護的時候,寶寶爸爸去抱了抱寶寶拣播,難過地說就見不到寶寶了晾咪。那...
    王小蝸閱讀 237評論 0 0