带有移动前端 UI 框架的流星[关闭]答案

【问题标题】：meteor with mobile front-end UI framework [closed]带有移动前端 UI 框架的流星[关闭]
【发布时间】：2015-12-07 10:20:06
【问题描述】：

是否有人将流星与移动前端框架集成？

为了让移动 html5 应用看起来“更原生”，有许多 CSS/前端框架。例如：

等等。与普通的 Bootstrap 相比，主要的好处是：

预加载内容
流畅的全屏页面导航
适用于 ios/android 的具有“原生外观”的移动小部件

但这些框架通常使用自己的 MVC 模型，例如将内容预加载到屏幕外 DIV 中并进行全屏转换。他们经常使用与 Meteor/IronRouter 冲突的内部路由器或 Pushstate。而离子例如取决于角度......

有没有人在这种集成方面取得了成功？任何线索表示赞赏。

【问题讨论】：

famous 链接断开
对于那些关闭问题的人来说，这意味着将所有选项收集在一起的综合答案。我每天都会从觉得这个问题有用的人那里得到分数，所以我建议它应该保持开放状态。

标签： jquery-mobile meteor ionic-framework

【解决方案1】：

流星 http://meteoric.github.io/ 是 ionic 的一个端口，用于移除 Angular 的东西，并使一些 UI 部件具有反应性。编辑：现在没有更新，因为角度是卡入流星本身的一个选项。

对于移动设备来说，这似乎是一个很好的解决方案，但如果您希望一个 UI 也能响应桌面设备，这将无济于事。他们故意让网格保持简单且专注于移动设备。

【讨论】：

是的，为此删除 Angular 垃圾 +1
哇，这太棒了，正是我想要的！
我投了反对票，因为我认为仅仅因为你不喜欢它或觉得它对你没有用处而称它为“垃圾”是不合适的。
我没有投反对票，因为答案很有用，即使是固执己见。但比利也有观点，所以我对答案和评论都投了赞成票。
我更新了有关 Angular 的信息，因为 MDG 选择屈服于政治压力并为流星启用它。结束恕我直言的开始，但每个人都有自己的。

【解决方案2】：

据我了解，您对任何移动前端框架与流星集成的案例都感兴趣。

让我给你展示一个很好的例子famo.us +来自 Percolate Studio 的流星 - 那些用流星和流星做很多事情的人。 Here在流星博客中宣布，也video from devshop

博客和 devshop 中的一些有用链接将是成功将移动+流星集成到生产应用程序中的一个很好的例子。

【讨论】：

Famous 很有希望，但还没有真正准备好迎接黄金时段。我添加了它，然后从我的项目中删除了它。

【解决方案3】：

Ratchet 可作为大气套件提供。它不包括框架的所有 javascript 部分，但非常方便。

【讨论】：

【解决方案4】：

meteor-ionic

它使用ionic

【讨论】：

现在称为流星。是的，这看起来有一些正确的成分。
不幸的是，这个包不再维护了:(

【解决方案5】：

Bootcards 是个不错的选择，它还不是流星包。

Ratchet 是轻量级但也是不错的选择。

【讨论】：

我喜欢卡片 UI 的想法，但 bootcards 实际上是 bootstrap 之上的一个非常薄的层，用于对元素进行分组。为了使其有意义，还需要卡片的 carousel/rolodex/coverflow/stack 导航小部件。然后我们解决了包含一堆插件来获得我想要的东西的问题。

【解决方案6】：

另一个新的竞争者是 Materialize，它是材料设计元素的 CSS/JS 版本，即不需要角度：

https://github.com/Dogfalo/materialize

这是一个关于一些基础知识的博客 http://blog.differential.com/the-easy-way-to-add-material-design-to-your-meteor-app/

优点

Materialize 似乎有一套不错的小部件和漂亮的动画。

缺点

纯安卓外观，别指望任何appstore功能喜欢
没有开箱即用的整页过渡，就像流星一样

【讨论】：

【解决方案7】：

从一般的目标意义上来说，Meteor 的前端部分与 Angularjs 有点冲突。但是，如果您真的想将它们组合在一起，没有什么是不可能的。要将它们容纳在一起，您需要做一些特殊的技巧。以下post 分享了让他们一起工作的经验。

mrt:ionic 是把meteor 和ionic 结合在一起的包。但它不支持最新的流星版本。你最好等待更新。

【讨论】：

我不想将 Angular 引入我的项目，只是为了一个 CSS 库...

【解决方案8】：

Foundation for Apps from Zurb 是另一种选择，但它是基于 Angular 构建的，因此必须像 Ionic 项目一样进行移植/黑客攻击。

http://foundation.zurb.com/apps/

【讨论】：