Building a hybrid Meteor Cordova app: share experiences?

You really should take a look at this: Touch2s / Demo

@dinos did a great job solving this puzzle:

  • Framework7 (new in Touch2S)
  • Use TrackerReact (new in Touch2S)
  • Include the simple To-Do app example
  • ES6 modules
  • Meteor
  • React.js
  • react-router with server-side-rendering (SSR only runs on meteor run –-production! You can disable it by editing server/entry.js)
  • Webpack (bundle your app / assets and send them to Meteor)
  • Hot-reload with no page refresh in development mode
  • Optimize your code in production mode
  • Give access to NPM by using packages.json
2 Likes

Thanks @fabiodr, the demo is so smooth, now checking the code :sunny:

1 Like

I am just holding my breath a little bit for Meteor 1.3 and hot-module replacement to may drop webpack to simplify the stack… but it works well for small applications.

I updated TrackerReact and is now fully Meteor 1.3 compatible. Let’s see about Webpack - 90% of the code could be handled directly by meteor now. Thanks to modules and npm support.

PS: There is an efficient solution for smooth Routing, it’s just not implemented yet.

2 Likes

I took a look at the code today. Yes, I don’t hope it could be simpler in structure. I did fight with webpack loader config today as I use livescript. That would be great if Webpack could be removed in future.

By the way, I’m just aware that the dead Meteoric package is having a second life here: https://github.com/JoeyAndres/meteor-ionic . It should be most Meteor (Blaze) friendly way for Cordova apps. It seems to be progressing well. Only it’s still depending on Iron Router.

Hello,

We are a Web & Mobile apps development company. We have developed 4 mobile apps (Android & iPhone) so far using Meteor + Cordova and we love it. The same code is being used for Web & Mobile and we can deliver so quickly to our clients.

Thanks Meteor. Thanks Cordova.

Wow, we would be very interested in your Touch2s with Meteor 1.3 and modules. Looking forward to trying it out when it is ready.

1 Like

https://github.com/HedCET/TorrentAlert this is one of the best meteor polymer integration

Now that this thread brought together a lot of experiences and samples, what decision could be taken out from it?

I try to make it like a small survey:

  1. If you have to select between Framework7 or Semantic UI - what would you take?

  2. If you use React, is it better to use Material-UI than F7 or Semantic UI?

  3. If you use React and Material-UI, what do you choose to make an IOS (designed) App?


For my personal opinion:

F7 is a great CSS Framework you can use to create hybrid and OS like looking apps.

Semantic-UI is well designed but more “designed-Elements” and “lighter” than Framework7

Material-UI is great (and light) if you do not have to deliver IOS looking apps

Thanks to get some resumes from you.

Cheers
Tom

Good idea :slight_smile:

Personally, I am still using Blaze and plain old bootstrap to build guzz.io, with some eclectic elements from Semantic UI and things like Switchery (to mimic iOS switches). I tried out F7, but did not get it to work with Meteor within reasonable time, so I gave up. I like the Material Design concept, but Materialize wasn’t well designed, so I only used some of its SASS elements to get the right colors and such. Plus, I need to support iOS as well, so Material Design would mean double-work. Would love to see a framework that integrates seamlessly into Meteor, though. For guzz.io, which has its own style, it wouldn’t be my first choice, but for more business-oriented apps this would be great.

What about Ionic? It is out there for a long time and very robust. It works with Meteor out of the box with Angular, with React (React-Ionic) and with Blaze (Meteoric).

Disclaimer, React-Ionic is my project :slight_smile:

I’m working on it but still have a little issue with the animation speed! Check out “webase”

I am using Onsen UI and it works great. With the same code I make the iOS ui and the Material UI.

1 Like

Thanks for the info about Onsen UI, did now know this, looks promising!

I got quite impressive for this movement integrating with F7.
Because after I was trying to use Ionic(Meteoric) and some other Front-End framework, I realize F7 is quite focussing on UI things without data combining.

What I want is just use Blaze.js for front-end framework and integrate mobile UI in it simply.

Does this F7 integration keep going on? or just stopped for Onsen UI or whatever?

Hey @waldgeist, I’m trying to build a hybrid Meteor Cordova app (Android only)? I’ve just started to learn Meteor and Cordova, so I don’t know where to start. Could you give me some hints?

hi @buiquanghuy23103, I did not do much Cordova-related dev work in the past year, but a good starting point are the Meteor To Do sample app

and the mobile section of the Meteor guide

Be prepared to face some quirks, as the core Meteor team seemed to have some challenges keeping up with the fast pace the mobile world evolved, with a lot of breaking changes inside Cordova itself over time and in iOS in particular, due to changes made by Apple.

In my own Meteor Cordova app, the most challenging parts were the implementation of WebRTC (due to the lack of its support in iOS) and push notifications. And every once in a while, Apple changed the way the icons were maintained, which quite often broke the builds.

Please also note that it’s not easy to create a Cordova app that resembles a somewhat native experience. Initially, I thought that might not be much of an issue (and I wouldn’t have had the time to develop things three times, for Android, iOS and the web), but for most Cordova apps, I can tell right of the first taps that they were built with it. It’s getting better on more recent devices, but still.

You could also research a bit on frameworks built on top of Cordova (like Ionic, not sure if it’s still using Cordova under the hood), but it is (or at least was when I looked the last time) not easy to find instructions about how to get them integrated with Meteor. IIRC, Ionic had its own router, which I could not figure out to work with Meteor when I tried. But things may have changed a lot since I did my own researches.

1 Like

You may want to wait until this Cordova PR is released before doing much work as you will likely run into issues trying to build on latest versions of Android. Should be released in Meteor 1.8.4 which is coming out sometime in January as well as some Meteor 1.9.+ version.

1 Like

Thank you for your fast reply. I will follow your suggestion and see how things go.

Thank you for reply. I will tell the Web team to upgrade to Meteor 1.8.4 as soon as it is released.