Angular Meteor
AngularJS Meetup May 12, 2015
Mike Seidle & Rick Wehrle
@indymike & @wehrlock
Client Server
MiniMongo
Node.js
Javascript
Validate & Update
Simulate DB
Subscribe
JSON
EJSON
Publish
Database
Everywhere
Data on the wire
Latency
Compensation
Validate & Update
Persist DB
MongoDB
One Language
DDPBrowser
Javascript
Full Stack
Reactivity
Simplicity =
Productivity
Embrace the
Ecosystem
7 Core
Principles
Meteor Core Projects
Meteor has six core projects in their
reactive isomorphic platform.
Angular Meteor adds a simple way
to augment or replace the Blaze
reactive template library.
urigo:angular most active
➔ 6K+ app installs and 50+ stars
➔ Community around package adding
support for migrating to Angular 2
➔ Recently added Angular Server
Side-by-side with file extensions
.ng.html files will parse angular directives and
interpret double curly braces as expressions
with bindings
.ng.js files are annotated and safely minified
$meteor.collection Service wrapper for reactive collections.
$meteor.object Service wrapper for one reactive object.
$meteor.subscribe Service wrapper for Meteor.subscribe and
Meteor.publish that returns a promise.
$meteor.call Service wrapper to call Meteor.methods and
return promises.
$scope.getReactively Method to reactively watch a $scope variable.
meteor-include Directive to include Meteor Blaze templates.
Angular-Meteor API
Example apps
Meteor Angular Server Example
https://github.com/netanelgilad/angular-server-example
Meteor Angular Material TODO with Camera
https://github.com/Urigo/ng-vegas-first-example
Meteor Angular Material TODO
https://github.com/madvas/meteor-angular-material-todomvc
Meteor Angular Socially
https://github.com/Urigo/meteor-angular-socially
Meteor Angular 2 Socially
https://github.com/Urigo/meteor-angular2.0-socially
Migration to Angular 2
Angular 2, ES6/7 syntax on Angular 1
https://github.com/pbastowski/angular2-now
Angular 2 with TypeScript dependency
https://github.com/netanelgilad/meteor-angular2
Must See Videos by Uri Goldshtein
Angular 2 and Angular Server (May 2015)
https://www.youtube.com/watch?v=_mu6BWsnaPM
Angular Meteor at ng-conf (March 2015)
https://www.youtube.com/watch?v=uFmf-DeCdEE

20150512 Angular Meteor at AngularJS Meetup

  • 1.
    Angular Meteor AngularJS MeetupMay 12, 2015 Mike Seidle & Rick Wehrle @indymike & @wehrlock
  • 4.
    Client Server MiniMongo Node.js Javascript Validate &Update Simulate DB Subscribe JSON EJSON Publish Database Everywhere Data on the wire Latency Compensation Validate & Update Persist DB MongoDB One Language DDPBrowser Javascript Full Stack Reactivity Simplicity = Productivity Embrace the Ecosystem 7 Core Principles
  • 5.
    Meteor Core Projects Meteorhas six core projects in their reactive isomorphic platform. Angular Meteor adds a simple way to augment or replace the Blaze reactive template library.
  • 7.
    urigo:angular most active ➔6K+ app installs and 50+ stars ➔ Community around package adding support for migrating to Angular 2 ➔ Recently added Angular Server
  • 8.
    Side-by-side with fileextensions .ng.html files will parse angular directives and interpret double curly braces as expressions with bindings .ng.js files are annotated and safely minified
  • 9.
    $meteor.collection Service wrapperfor reactive collections. $meteor.object Service wrapper for one reactive object. $meteor.subscribe Service wrapper for Meteor.subscribe and Meteor.publish that returns a promise. $meteor.call Service wrapper to call Meteor.methods and return promises. $scope.getReactively Method to reactively watch a $scope variable. meteor-include Directive to include Meteor Blaze templates. Angular-Meteor API
  • 10.
    Example apps Meteor AngularServer Example https://github.com/netanelgilad/angular-server-example Meteor Angular Material TODO with Camera https://github.com/Urigo/ng-vegas-first-example Meteor Angular Material TODO https://github.com/madvas/meteor-angular-material-todomvc Meteor Angular Socially https://github.com/Urigo/meteor-angular-socially Meteor Angular 2 Socially https://github.com/Urigo/meteor-angular2.0-socially
  • 11.
    Migration to Angular2 Angular 2, ES6/7 syntax on Angular 1 https://github.com/pbastowski/angular2-now Angular 2 with TypeScript dependency https://github.com/netanelgilad/meteor-angular2
  • 12.
    Must See Videosby Uri Goldshtein Angular 2 and Angular Server (May 2015) https://www.youtube.com/watch?v=_mu6BWsnaPM Angular Meteor at ng-conf (March 2015) https://www.youtube.com/watch?v=uFmf-DeCdEE