meteor with mobile front-end UI framework [closed]

问题:

Has anyone integrated meteor with mobile front-end frameworks?

In making mobile html5 apps look "more native" there are a number of CSS/front-end frameworks. eg:

• Meteoric http://meteoric.github.io/
• http://onsenui.io/
• http://topcoat.io/
• http://jquerymobile.com/ (shudder)
• http://goratchet.com/one.html
• http://ionicframework.com/
• App.js: http://code.kik.com/app/2/index.html
• http://lungo.tapquo.com/
• http://famo.us/
• http://goratchet.com/
• http://www.idangero.us/framework7/
• Foundation for apps

and more. In comparison to plain Bootstrap, the main benefits are:

• preloading content
• smooth full-screen page navigation
• mobile widgets with "native look" for ios/android

But these frameworks often have use their own MVC model, for example pre-loading content into offscreen DIVs and doing full-screen transitions. they often use an internal router or Pushstate which would conflict with Meteor/IronRouter. And ionic for example depends on angular...

Has anyone had success with this type of integration? Any leads appreciated.

回答1:

Meteoric http://meteoric.github.io/ is a port of ionic, to remove the Angular stuff, and make some UI parts reactive. EDIT: not being updated now that angular is an option to jam into meteor itself.

related article: https://medium.com/space-camp/cross-platform-uis-for-mobile-meteor-apps-6f12b583b205

this does seem like a great solution for mobile, but won't help if you want one UI to be responsive across to desktop devices too. they have deliberately kept the grid simple and mobile focused.

回答2:

As I understand, you are interested in any cases of mobile front-end framework integration with meteor.

Let me show you great example famo.us + meteor from Percolate Studio - guys who are doing a lot of stuff with meteor and for meteor too. Here announce in meteor blog, also video from devshop

Some useful links in blog and devshop will be a good example of successful mobile+meteor integration in production app.

回答3:

Ratchet is available as an atmosphere package. It does not include all the javascript parts of the framework but very handy nonetheless.

回答4:

meteor-ionic

It uses the ionic

回答5:

Bootcards is very good choice it's not meteor package yet .

Ratchet is lightweight but also good choice .

回答6:

another new contender is Materialize which is a CSS/JS version of the material design elements, ie no angular required:

https://github.com/Dogfalo/materialize

here's a blog on some of the basics http://blog.differential.com/the-easy-way-to-add-material-design-to-your-meteor-app/

pros

• Materialize seems to have a decent set of widgets, and nice animations.

cons

• pure android look, don't expect any appstore feature love
• no full-page transitions out of the box, like meteoric

回答7:

From the general goal sense, the front end part of Meteor somewhat conflicts with Angularjs. However, nothing is impossible if you really want to make them together. To accommodate them together, you need to do some special tricks. This following post shared the experience to make them working together.

mrt:ionic is the package by integrating meteor and ionic together. But it does not support the latest meteor version. You'd better wait for some time for the update.

回答8:

Foundation for Apps from Zurb is another option, but it's built on Angular so would have to be ported/hacked about in the same way the Ionic project was.

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