javascript - Meteor: react 性更改之间集合项目的 UI 缓动

Question

我有一个在 meteor 中使用的缩略图集合，如下所示:

<template name="templThumbnails">
    {{#each thumbnails}}
        <a href="#" class="thumbnail">
            <img class="img-responsive" src="{{this.Path}}" alt="" />
        </a>
    {{/each}}
</template>

只要thumbnails集合发生变化，此模板就会更新。

My question is: How do I transit the changes smoothly in UI (between old items and new items) ?

网络用户界面专家不多 - 因此寻求专业人士的帮助。当缩略图更改时，它可能会添加新项目，删除一些旧项目等。(类似于同位素和流沙js，但可与 meteor 集合一起使用并具有响应能力)

Answer 1

这将涉及 _uihooks，这是 Meteor 的一个文档非常少的功能(目前)。不过，有一个很好的教程 here刚刚发布，有一个 couple的packages它试图抽象出所需的逻辑并使事情变得更容易，尽管在使用两者可以做什么方面存在权衡。