20150512 angular meteor at angularjs meetup

12
Angular Meteor AngularJS Meetup May 12, 2015 Mike Seidle & Rick Wehrle @indymike & @wehrlock

Upload: rick-wehrle

Post on 07-Aug-2015

138 views

Category:

Internet


2 download

TRANSCRIPT

Angular MeteorAngularJS Meetup May 12, 2015

Mike Seidle & Rick Wehrle@indymike & @wehrlock

Client Server

MiniMongo

Node.js Javascript

Validate & UpdateSimulate DB

Subscribe

JSONEJSON

Publish

Database Everywhere

Data on the wire

Latency Compensation

Validate & UpdatePersist DB

MongoDB

One Language

DDPBrowserJavascript

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 appsMeteor Angular Server Examplehttps://github.com/netanelgilad/angular-server-exampleMeteor Angular Material TODO with Camerahttps://github.com/Urigo/ng-vegas-first-exampleMeteor Angular Material TODOhttps://github.com/madvas/meteor-angular-material-todomvcMeteor Angular Sociallyhttps://github.com/Urigo/meteor-angular-sociallyMeteor Angular 2 Sociallyhttps://github.com/Urigo/meteor-angular2.0-socially

Migration to Angular 2

Angular 2, ES6/7 syntax on Angular 1https://github.com/pbastowski/angular2-now

Angular 2 with TypeScript dependencyhttps://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