meteor with mobile front-end UI framework [closed]

Question

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.

Answer 1

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/

Answer 2

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

Answer 3

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

Answer 4

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.

Answer 5

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

Ratchet is lightweight but also good choice .

Answer 6

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.