react-native+redux 抛砖引玉(1)

当年看完react-native中文文档,并费劲心思创建成功第一个项目后,你也许会觉得react-native应该没啥难的,网上有那么多轮子,拿来用就好了。但是越用越觉得别人的轮子弊端太多,局限性太强,所以好多东西还得自己写,我也就是在这个时候强烈的感觉到redux对项目的关键性。
相对原生开发而言,react-native开发中并没有 $emit  $broadcast 机制,那么问题来了,我想在一个页面给另一个页面发消息怎么办?其实react-native早就为我们想到了这些,那就是它自带的flux,但是网上说flux有局限性,redux更牛逼。于是看了下redux中文文档,它是 ES2015 语法,写的很详细。

redux是应用状态管理服务,根据js而来的经验,我们知道array.reduce(callback[, initialValue])同时应用一个函数针对数组的两个值(从左到右),以减至一个值。

constinitState ='0';

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

constnewState = actions.reduce(   

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

      initState

);

给定initState之后,随着action的值不断传入给计算函数,得到新的newState,最终结果为0+1+2+3=6,如果理解这个那么对redux原理你已经了解了,接下来就是使用了。

下面介绍在react-native项目中使用redux

action、reducer、store是你不可或缺的三部分,核心就是store根据action对应reduce数据。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 本文 有配套视频,可以酌情观看。 文中内容因各人理解不同,可能会有所偏差,欢迎朋友们联系我讨论。 文中所有内...
    珍此良辰阅读 12,002评论 23 111
  • http://gaearon.github.io/redux/index.html ,文档在 http://rac...
    jacobbubu阅读 80,153评论 35 198
  • 一.问题 React Native 是FaceBook推出的一个基于JavaScript开源框架。它由Web框架R...
    84a6eed103c0阅读 6,357评论 13 46
  • 你烦躁,你无助,你绝望,别人都帮不了你。有些路,总要自己走。静下心来吧。等一下吧。接受上天给你的安排,虽然不知道是...
    韦丽华阅读 130评论 0 0
  • 定义字面量方法 因为箭头函数的语法很简洁,可能不少同学会忍不住用它来定义字面量方法,比如下面的例子 定义原型方法 ...
    蒹葭de阅读 3,889评论 0 3