react-native+redux 拋磚引玉(1)

當(dāng)年看完react-native中文文檔,并費(fèi)勁心思創(chuàng)建成功第一個(gè)項(xiàng)目后,你也許會(huì)覺得react-native應(yīng)該沒啥難的,網(wǎng)上有那么多輪子,拿來用就好了。但是越用越覺得別人的輪子弊端太多,局限性太強(qiáng),所以好多東西還得自己寫,我也就是在這個(gè)時(shí)候強(qiáng)烈的感覺到redux對項(xiàng)目的關(guān)鍵性。
相對原生開發(fā)而言,react-native開發(fā)中并沒有 $emit? $broadcast 機(jī)制,那么問題來了,我想在一個(gè)頁面給另一個(gè)頁面發(fā)消息怎么辦?其實(shí)react-native早就為我們想到了這些,那就是它自帶的flux,但是網(wǎng)上說flux有局限性,redux更牛逼。于是看了下redux中文文檔,它是 ES2015 語法,寫的很詳細(xì)。

redux是應(yīng)用狀態(tài)管理服務(wù),根據(jù)js而來的經(jīng)驗(yàn),我們知道array.reduce(callback[, initialValue])同時(shí)應(yīng)用一個(gè)函數(shù)針對數(shù)組的兩個(gè)值(從左到右),以減至一個(gè)值。

constinitState ='0';

constactions = ['1','2','3'];

constnewState = actions.reduce(? ?

? ? ? ( (prevState, action) => prevState + action ),? ?

? ? ? initState

);

給定initState之后,隨著action的值不斷傳入給計(jì)算函數(shù),得到新的newState,最終結(jié)果為0+1+2+3=6,如果理解這個(gè)那么對redux原理你已經(jīng)了解了,接下來就是使用了。

下面介紹在react-native項(xiàng)目中使用redux

action、reducer、store是你不可或缺的三部分,核心就是store根據(jù)action對應(yīng)reduce數(shù)據(jù)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 本文 有配套視頻,可以酌情觀看。 文中內(nèi)容因各人理解不同,可能會(huì)有所偏差,歡迎朋友們聯(lián)系我討論。 文中所有內(nèi)...
    珍此良辰閱讀 12,191評論 23 111
  • http://gaearon.github.io/redux/index.html ,文檔在 http://rac...
    jacobbubu閱讀 80,417評論 35 198
  • 一.問題 React Native 是FaceBook推出的一個(gè)基于JavaScript開源框架。它由Web框架R...
    84a6eed103c0閱讀 6,392評論 13 46
  • 你煩躁,你無助,你絕望,別人都幫不了你。有些路,總要自己走。靜下心來吧。等一下吧。接受上天給你的安排,雖然不知道是...
    韋麗華閱讀 139評論 0 0
  • 定義字面量方法 因?yàn)榧^函數(shù)的語法很簡潔,可能不少同學(xué)會(huì)忍不住用它來定義字面量方法,比如下面的例子 定義原型方法 ...
    蒹葭de閱讀 3,937評論 0 3

友情鏈接更多精彩內(nèi)容