MobX v2.5.0发布,一个 TFRP 编程范式的实现

jopen 8年前
   <p> </p>    <p style="text-align: center;"><img alt="" src="https://simg.open-open.com/show/a1a245dcc1cfb8d1a1a54ac44c695ab0.png" /></p>    <p>要想知道MobX是什么,首先需要了解一下FRP是什么,FRP 的本质是,在声明一个值的时候,同时指定他的动态行为。这个值可能是事件,也可能是数据。 FRP 有两个重要的分支:</p>    <ul>     <li>基于 Event Stream 的 FRP<br /> 基于 Event Stream 的 FRP 擅长于管理 Stream,可进行 Joining, splitting, merging, mapping, sampling 等等。在需要处理多个 Event Stream 的时候非常有用,但对于简单场景来说,就过于复杂了。比如 RxJS 和 BaconJS 就属于此类。<br />  </li>     <li>Transparent FRP (TFRP)<br /> Transparent FRP 是在背后去实现 Reactive Programming 。和 Event Stream 的 FRP 一样,TFRP 会在需要的时候更新 View,不同的是 TFRP 不需要你定义如何 (How) 以及何时 (When) 更新。这一类型的框架有 Meter(Tracker),knockoutJS 和 EmberJS 。</li>    </ul>    <p>接下来介绍一下Mobx 和 其他实现有什么不同:</p>    <ul>     <li>同步执行 (这样监听的值始终是最新的,并且调试会方便,因为没有额外的 Promise/Async 库引入的堆栈信息)</li>     <li>没有引入额外的数据结构,基于普通的 Object, Class, Array 实现 (更少学习成本,更新数据时更自然)</li>     <li>独立方案 (不捆绑框架,相比 Meter, EmberJS 和 VueJS 而言)</li>    </ul>    <h2><img alt="" src="https://simg.open-open.com/show/f5c1e529ee681e2ae4e086c4da195838.png" />更新日志</h2>    <ul>     <li>Core derivation algorithm has received some majore improvements by @asterius1! See below. Pr #452, 489</li>     <li>Introduced setters for computed properties, use <code>computed(expr, setter)</code> or <code>@computed get name() { return expr } set name (value) { action }</code>. <code>computed</code> can now be used as modifier in <code>observable</code> / <code>extendObservable</code>, #421, #463 (see below for example)</li>     <li>Introduced <code>isStrictModeEnabled()</code>, deprecated <code>useStrict()</code> without arguments, see #464</li>     <li>Fixed #505, accessing an observable property throws before it is initialized</li>    </ul>    <h2>下载</h2>    <ul>     <li><a href="/misc/goto?guid=4958993470215365931" rel="nofollow"><strong>Source code</strong> (zip)</a></li>     <li><a href="/misc/goto?guid=4958993470352305643" rel="nofollow"><strong>Source code</strong> (tar.gz)</a></li>    </ul>    <p>本站原创,转载时保留以下信息:<br /> 本文转自:深度开源(open-open.com)<br /> 原文地址:<a href="http://www.open-open.com/news/view/348f6ac8">http://www.open-open.com/news/view/348f6ac8</a></p>