33

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:

  • 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.

dcsan
  • 11,333
  • 15
  • 77
  • 118
  • [famous](https://famo.us) link broke – Ethaan Jan 09 '15 at 18:05
  • for those who closed the question, this was meant to be a comprehensive answer to gather all the options together. I get points everyday from people who find this question useful, so i'd suggest it should be left open. – dcsan Dec 07 '15 at 02:22

8 Answers8

16

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.

dcsan
  • 11,333
  • 15
  • 77
  • 118
  • Yah, to remove the Angular junk +1 for this – Green Jan 16 '15 at 13:29
  • wow, this is awesome, just what I was looking for! – Dave Jan 20 '15 at 19:18
  • 3
    I downvoted for I don't think it's appropriate to call something "junk" just because you don't like it or don't find it useful to you. – Billy Chan Jul 25 '15 at 16:05
  • I didn't downvote, because the answer was useful, even if opinionated. But Billy also has a point, so I upvoted both the answer and the comment. – Mr The Falcon Dec 06 '15 at 23:16
  • i updated about angular since MDG has chosen to bow to political pressure and enable it for meteor. beginning of the end IMHO, but to each his own. – dcsan Dec 07 '15 at 02:20
3

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.

pronevich
  • 856
  • 8
  • 12
  • 1
    famous is promising, but isn't really ready for primetime yet. i added it and then removed it from my projects. – dcsan Oct 01 '14 at 07:04
2

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

Codescribler
  • 2,235
  • 18
  • 22
2

meteor-ionic

It uses the ionic

Mustafa
  • 1,738
  • 2
  • 24
  • 34
1

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

Ratchet is lightweight but also good choice .

Hamza
  • 1,505
  • 6
  • 21
  • 30
  • 2
    I love the idea of cards UIs, but bootcards is really a very thin layer on top of bootstrap for grouping elements. for that to be meaningful, something like a carousel/rolodex/coverflow/stack navigation widget for the cards would be needed also. and then we get to the issue of including a bunch of plugins to get what I want. – dcsan Oct 23 '14 at 21:03
1

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
dcsan
  • 11,333
  • 15
  • 77
  • 118
0

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.

Jasper
  • 1
0

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/

dcsan
  • 11,333
  • 15
  • 77
  • 118