加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

从设计的角度看Redux

发布时间:2019-05-02 00:19:54 所属栏目:建站 来源:前端小智
导读:你知道 Redux 真正的浸染远不止状态打点吗? 你是否想要相识 Redux 的事变道理? 让我们深入研究 Redux 可以做什么,它为什么做它的工作,它的弱点是什么,以及它与计划有哪些关联? 你传闻过 Redux 吗?它是什么? 请不要用 Google 搜刮 花哨的后端的对象

举一个简朴的例子,在Twitter应用措施中,你的点赞它必要哀求处事器举办一些搜查,譬喻,该推文是否如故存在。 Optimistic UI 的做法不是传统的转圈守候几秒,然后表现功效,而是选择诱骗用户!它事先假定全部哀求都是乐成的,当用户点赞时直接+1。

这种方法有用的缘故起因在于大大都时辰哀求都是正常的。当哀求失败是,应用只需回滚至前一个 UI 状态即可,并行使处事器相应的现实功效,譬喻表现错误信息。

犹如除掉/重做一样,Redux 也支持 Optimistic UI。 当从处事器收到否认功效时,可以轻松记录,重放和还原数据变动。

耐久化和从状态启动

Redux 可以很轻易地将应用措施中产生的工作生涯到当地存储中。之后,纵然电脑重启,应用措施也可以加载全部数据,并从完全沟通的位置继承运行,就像从未间断过一样。

假如你行使 Redux 构建游戏,则只必要几行代码来生涯/加载游戏进度,而无需变动别的代码。

真正可扩展的体系

行使 Redux,你必需“dispatch”一个 action 来更新应用措施中的任何数据。 这种限定使我们可以深入相识应用措施中产生的各个方面。

你可以构建真正可扩展的应用,个中每个成果都可以由用户来自界说。譬喻,参考 Hyper ,这是一个行使 Redux 开拓的终端应用。“hyperpower” 插件增进了光标党肆光点,并可以使窗口发抖。你是否喜好这种 “wow” 模式呢?(或者这成果并没有什么用,但却是足够吸人眼球)

图片描写

时程调试(TIME-TRAVEL DEBUGGING)

当调试应用时可以或许举办时刻观光会是奈何一种体验?运行应用的进程中,随意倒退或提高屡次以找到 bug 产生简直切位置,修复 bug 后重放以确认是否修复。

Redux 闪开拓者空想成真。Redux 开拓者器材可以使开拓者通过拖拽滑动条来哄骗应用的进度,就像 Youtube 视频一样平常。

它是怎样事变的? 还记得 Redux 逼迫执行的三条严酷法则吗? 这是它的法门地址。

图片描写

自动错误陈诉

想象一下:一个用户在你的应用措施中发明白一些错误,想要陈诉这个 bug。她煞费苦心地回想和描写她所做的工作。然后,开拓职员实行手动执行这些步调,以查察是否再次产生错误。错误陈诉也许是恍惚的或禁绝确的。开拓职员很难找到 bug 地址的位置。

此刻,这个怎么样。 用户单击“陈诉错误”按钮。 体系自动将她所做的工作发送给开拓职员。 开拓职员单击“重播错误”按钮并调查错误是怎样产生的。 bug 被就地压扁,每小我私人都很开心!

Redux Bug Reporter 就是这样玩的。它的事变道理呢?Redux 的限定前提让统统酿成也许。

Redux 的弱点

Redux 执行的三个首要法则是一把双刃剑。它们支持强盛的成果,但同时也带来不行停止的弱点。

陡峭的进修曲线

Redux 的进修曲线较量陡峭。 领略,影象并风俗其模式必要时刻。 假如你完全不会 Redux 和 React ,不保举你两者同时进修。

 “样板” 代码

在很多环境下,行使Redux意味着编写更多代码。凡是必要打仗多个文件才气使一个简朴的成果正常事变。人们一向在诉苦他们必需用 Redux 编写的样板代码。

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读