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:
and more. In comparison to plain Bootstrap, the main benefits are:
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.
Meteoric http://meteoric.github.io/ is a port of ionic, to remove the Angular junk, and make some UI parts reactive.
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.
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.
Ratchet is available as an atmosphere package. It does not include all the javascript parts of the framework but very handy nonetheless.
It uses the ionic
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.
Bootcards is very good choice it's not meteor package yet .
Ratchet is lightweight but also good choice .
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/
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.