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

jopen 8年前
   <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>    <p style="text-align: center;"><img alt="" src="https://simg.open-open.com/show/f5c1e529ee681e2ae4e086c4da195838.png" /></p>    <h2>更新日志</h2>    <ul>     <li><code>@action</code> decorated methods are now configurable. Fixes #441</li>     <li>The <code>onBecomeObserved</code> event handler is now triggered when an atom is observed, instead of when it is bound as dependency. Fixes #427 and makes atoms easier to extend.</li>     <li>if <code>useStrict()</code> is invoked without arguments, it now returns the current value of strict mode.</li>     <li>the current reaction is now always passed as first argument to the callbacks of <code>autorun</code>, <code>autorunAsync</code>, <code>when</code> and<code>reaction</code>. This allows reactions to be immediately disposed during the first run. See #438, by @andykog</li>    </ul>    <h2>下载</h2>    <ul>     <li><a href="/misc/goto?guid=4958992610749827453" rel="nofollow"><strong>Source code</strong> (zip)</a></li>     <li><a href="/misc/goto?guid=4958992610844553326" rel="nofollow"><strong>Source code</strong> (tar.gz)</a></li>    </ul>