angular - A simple example of an Ionic UI that is wired up as a Meteor client?

Question

I've started this tutorial several times, without time to complete it with success. WhatsApp Clone with Meteor and Ionic 2 CLI

There are a lot of nuggets in the tutorial, above and it seems thoroughly laid out. However, it's pretty bloated just to see a simple example of an Ionic UI behaving as a Meteor client. If any of you could point me in the right direction... it would be greatly appreciated!

Answer 1

With the following I'd like to summarize the situation on Meteor and Angular.

Deprecated Tutorials

First, meteor.com has an official self-hosted angular tutorial, but the WhatsApp clone tutorial is referring to a third party developer team, which provides the tutorial and did lots of fundamental work on the Meteor-Angular integration.

The (webpack-) tutorial you referenced is (as of today, 2019/01/14) targeting ionic 2 (headline says 3?) and Angular 2 and it's last update was on 2017/06/15.

A similar situation is if you use the pure Meteor-CLI version of the tutorial.

In both cases you will end up using very outdated Angular versions (current is 7) and also install mostly incompatible Typescript versions.

Maintained Main Repo

Now before you waste more time on trying to get the deprecated tech running, you may actually check out the main Angular-Meteor integration repo.

This repo itself is still maintained (last update on Nov. 2018 as of today) and the builds also succeed.

Quickstart

A quickstart repo can also be cloned and get you started fast:

git clone https://github.com/Urigo/angular-meteor-base myApp
cd myApp
meteor npm install
meteor