Meteor -> Mobile


#1

I have a straightforward meteor app (http://supercharger.meteor.com/), but I would like to make this work on mobile devices. Right now, what’s being displayed is a series of DIVs to make the stacked table look. The search is just an HTML INPUT on which I’m observing events.

I built this using meteor run ios and it does work, but it looks pretty much like a Web page scaled for a mobile device.

My question is: Can anyone point me to information on how to use more native platform elements (or more suitable ones) if the device is a mobile one? Also, how are people handling low/no connectivity situations?

Thanks!


#2

There are multiple ways to address your requirement, but the easiest would be to start off by applying some responsive design principles.

You can use bootstrap’s responsive utility classes to change how your site/app looks as past some width breakpoints.

It may be overwhelming at first, but give it a couple of days and read up on responsive design and you’ll soon get a grip and start applying those principles.


#3

Can anyone point me to information on how to use more native platform elements (or more suitable ones) if the device is a mobile one?

There are also mobile UI toolkits: https://www.google.de/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=mobile%20ui%20framework

Also check out How to have different views for Mobile and Web Version?.

Also, how are people handling low/no connectivity situations?

  • Show the user that the app is currently offline (Meteor.status)

  • Meteor already handle queuing. So you can call a Meteor.method when you are offline and it will be transferred to the server when the connection was reestablished.