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

   <p style="text-align: center;"><strong><img alt="" src="https://simg.open-open.com/show/a1a245dcc1cfb8d1a1a54ac44c695ab0.png" /></strong></p>    <p> </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;"><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><code>observable.object(props, name?)</code> creates a new observable object, by cloning the give props and making them observable</li>     <li><code>observable.array(initialValues, name?)</code>. Take a guess..</li>     <li><code>observable.map(initialValues, name?)</code></li>     <li><code>observable.box(initialValue, name?)</code>. Creates a <a href="/misc/goto?guid=4958998038209309444">boxed</a> value, which can be read from / written to using <code>.get()</code> and<code>.set(newValue)</code></li>     <li><code>observable(value)</code>, as-is, based on the type of <code>value</code>, uses any of the above four functions to create a new observable.</li>     <li><code>observable.shallowObject(props, name?)</code></li>     <li><code>observable.shallowArray(initialValues, name?)</code></li>     <li><code>observable.shallowMap(initialValues, name?)</code></li>     <li><code>observable.shallowBox(initialValue, name?)</code></li>    </ul>    <p> </p>    <h2>下载</h2>    <ul>     <li><a href="/misc/goto?guid=4958998038299439457" rel="nofollow"><strong>Source code</strong> (zip)</a></li>     <li><a href="/misc/goto?guid=4958998038380408882" 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/3726e4be">http://www.open-open.com/news/view/3726e4be</a></p>