MobX v3.1.0 发布，一个 TFRP 编程范式的实现

   <p style="text-align: center;"><strong><img alt="" src="https://simg.open-open.com/show/a1a245dcc1cfb8d1a1a54ac44c695ab0.png" /></strong></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><a href="https://simg.open-open.com/show/f5c1e529ee681e2ae4e086c4da195838.png"><img alt="" src="https://simg.open-open.com/show/f5c1e529ee681e2ae4e086c4da195838.png" /></a></p>    <h2>更新日志</h2>    <ul>     <li>Creating observables in computed properties was fine already, but threw if this was done with the aid of an action. See issue<a href="/misc/goto?guid=4958998793573158820">#798</a>.</li>     <li>In strict mode, it was not possible to <em>update</em> observable values without wrapping the code in <code>runInAction</code> or <code>action</code>. See issue <a href="/misc/goto?guid=4958998793699676333">#563</a></li>     <li>Changing unobserved, but not just created observables in a computed value</li>     <li>Invoke actions in computed values. Use reactions like <code>autorun</code> or <code>reaction</code> instead.</li>     <li>Reactions and observable values now consider <code>NaN === NaN</code>, See #805 by @andykog</li>     <li>Merged #783: extract error messages to seperate file, so that they can be optimized in production builds (not yet done), by @reisel, #GoodnessSquad</li>     <li>Improved typings of actions, see #796 by @mattiamanzati</li>    </ul>    <h2>下载</h2>    <ul>     <li><a href="/misc/goto?guid=4958998793818599040" rel="nofollow"><strong>Source code</strong> (zip)</a></li>     <li><a href="/misc/goto?guid=4958998793933738411" 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/2d6ae100">http://www.open-open.com/news/view/2d6ae100</a></p>