初始Redux (一)理解

看了三四天的Redux一直是蒙蒙的狀態(tài)撼港。然后就開(kāi)始看各種資料,有些資料介紹的是很詳細(xì)营曼,在關(guān)于Redux 的介紹和應(yīng)用上都很詳細(xì),但是真正想使用一個(gè)技術(shù)愚隧,你就必須了解蒂阱,技術(shù)存在的關(guān)鍵性和它的工作方式,而不僅僅只是單純的拿過(guò)來(lái)使用狂塘。

1录煤、Redux 的 API文檔。很詳細(xì)的介紹Redux荞胡。 ?------>?中文文檔

2妈踊、阮一峰對(duì)于React的理解,一共有三篇泪漂,每一篇都是精華响委。

a 、第一篇? ? ?b窖梁、第二篇赘风,中間件和異步?c、第三篇纵刘,Redux用法

3邀窃、看漫畫(huà),學(xué)Redux假哎,這是翻譯過(guò)來(lái)的一個(gè)文章瞬捕,真的很好,強(qiáng)烈推薦 ?--->看漫畫(huà)學(xué)Redux

4舵抹、項(xiàng)目我是學(xué)了react 中文文檔里關(guān)于使用ListView 和Redux完成一個(gè)任務(wù)管理肪虎。(當(dāng)然現(xiàn)在0.43版本推出了FlatList,之后我也會(huì)慢慢使用這個(gè)標(biāo)簽惧蛹。) --->項(xiàng)目

對(duì)于Redux的理解扇救,我在這里就不多說(shuō)刑枝,主要就是用于代碼結(jié)構(gòu)和組件之間的通訊,

用戶的使用方式非常簡(jiǎn)單

用戶之間沒(méi)有協(xié)作

不需要與服務(wù)器大量交互迅腔,也沒(méi)有使用 WebSocket

視圖層(View)只從單一來(lái)源獲取數(shù)據(jù)

如果滿足以上装畅,你的項(xiàng)目就根本不需要Redux來(lái)實(shí)現(xiàn)這樣的操作。

用戶的使用方式復(fù)雜

不同身份的用戶有不同的使用方式(比如普通用戶和管理員)

多個(gè)用戶之間可以協(xié)作

與服務(wù)器大量交互沧烈,或者使用了WebSocket

View要從多個(gè)來(lái)源獲取數(shù)據(jù)

某個(gè)組件的狀態(tài)掠兄,需要共享

某個(gè)狀態(tài)需要在任何地方都可以拿到

一個(gè)組件需要改變?nèi)譅顟B(tài)

一個(gè)組件需要改變另一個(gè)組件的狀態(tài)

如果滿足以上的調(diào)節(jié),那么Redux的使用锌雀,讓代碼更加方便快捷蚂夕。

在做項(xiàng)目的時(shí)候,有一個(gè)很簡(jiǎn)單的例子腋逆,就是用于在渲染的時(shí)候婿牍,點(diǎn)擊不同的按鈕,渲染不同的數(shù)據(jù)闲礼。同時(shí)要改變按鈕的顏色牍汹。如果不使用Redux铐维,則需要在渲染的時(shí)候加上判斷柬泽。并且代碼顯得臃腫,不便后期的維護(hù)嫁蛇∠遣ⅲ看以前的代碼就成了非常痛苦的事情。萬(wàn)一沒(méi)加注釋睬棚,那就是生不如死第煮。

Redux設(shè)計(jì)思想:

(1)Web 應(yīng)用是一個(gè)狀態(tài)機(jī),視圖與狀態(tài)是一一對(duì)應(yīng)的抑党。

(2)所有的狀態(tài)包警,保存在一個(gè)對(duì)象里面。

Redux有很多api底靠,具體見(jiàn)中文文檔害晦。

工作流:

工作流

很多人如果一開(kāi)始接觸Redux,一定不怎么看的懂暑中。仔細(xì)看看 《看漫畫(huà)壹瘟,學(xué)Redux》里面介紹的很詳細(xì)。

個(gè)人對(duì)于Redux的理解鳄逾,綜合一句話稻轨,就是 所有的state都是放在store里,請(qǐng)求發(fā)送的時(shí)候雕凹,會(huì)交給store殴俱。而store會(huì)決定根Reducer去處理狀態(tài)政冻。根Reducer會(huì)拆分子Reducer,子Reducer只會(huì)復(fù)制粱挡,修改赠幕,之后回傳給根Reducer。交給store樹(shù)询筏,之后榕堰。交給 視圖管理層,來(lái)實(shí)現(xiàn)狀態(tài)與視圖的一一對(duì)應(yīng)嫌套。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末逆屡,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子踱讨,更是在濱河造成了極大的恐慌魏蔗,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,734評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件痹筛,死亡現(xiàn)場(chǎng)離奇詭異莺治,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)帚稠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門(mén)谣旁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人滋早,你說(shuō)我怎么就攤上這事榄审。” “怎么了杆麸?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,133評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵搁进,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我昔头,道長(zhǎng)饼问,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,532評(píng)論 1 293
  • 正文 為了忘掉前任揭斧,我火速辦了婚禮莱革,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘未蝌。我一直安慰自己驮吱,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,585評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布萧吠。 她就那樣靜靜地躺著左冬,像睡著了一般。 火紅的嫁衣襯著肌膚如雪纸型。 梳的紋絲不亂的頭發(fā)上拇砰,一...
    開(kāi)封第一講書(shū)人閱讀 51,462評(píng)論 1 302
  • 那天梅忌,我揣著相機(jī)與錄音,去河邊找鬼除破。 笑死牧氮,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的瑰枫。 我是一名探鬼主播踱葛,決...
    沈念sama閱讀 40,262評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼光坝!你這毒婦竟也來(lái)了尸诽?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,153評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤盯另,失蹤者是張志新(化名)和其女友劉穎性含,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體鸳惯,經(jīng)...
    沈念sama閱讀 45,587評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡商蕴,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,792評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了芝发。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片绪商。...
    茶點(diǎn)故事閱讀 39,919評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖后德,靈堂內(nèi)的尸體忽然破棺而出部宿,到底是詐尸還是另有隱情抄腔,我是刑警寧澤瓢湃,帶...
    沈念sama閱讀 35,635評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站赫蛇,受9級(jí)特大地震影響绵患,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜悟耘,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,237評(píng)論 3 329
  • 文/蒙蒙 一落蝙、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧暂幼,春花似錦筏勒、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,855評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至邪媳,卻和暖如春捐顷,著一層夾襖步出監(jiān)牢的瞬間荡陷,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,983評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工迅涮, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留废赞,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,048評(píng)論 3 370
  • 正文 我出身青樓叮姑,卻偏偏與公主長(zhǎng)得像唉地,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子传透,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,864評(píng)論 2 354

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

  • 學(xué)習(xí)必備要點(diǎn): 首先弄明白渣蜗,Redux在使用React開(kāi)發(fā)應(yīng)用時(shí),起到什么作用——狀態(tài)集中管理 弄清楚Redux是...
    賀賀v5閱讀 8,902評(píng)論 10 58
  • 前言 本文 有配套視頻旷祸,可以酌情觀看耕拷。 文中內(nèi)容因各人理解不同,可能會(huì)有所偏差托享,歡迎朋友們聯(lián)系我討論骚烧。 文中所有內(nèi)...
    珍此良辰閱讀 11,906評(píng)論 23 111
  • 參考鏈接: Redux中文文檔 Redux 入門(mén)教程-阮一峰 看漫畫(huà),學(xué) Redux 在react-native中...
    隨遇而安_2750閱讀 1,651評(píng)論 0 11
  • Redux對(duì)于React程序是可有可無(wú)的嗎?當(dāng)你認(rèn)識(shí)到Redux在編程時(shí)給你那種可以掌控一切狀態(tài)能力的時(shí)候,你會(huì)覺(jué)...
    smartphp閱讀 959評(píng)論 0 5
  • 一闰围、什么情況需要redux赃绊? 1、用戶的使用方式復(fù)雜 2羡榴、不同身份的用戶有不同的使用方式(比如普通用戶和管...
    初晨的筆記閱讀 2,030評(píng)論 0 11