The document discusses the key components that make up the Meteor stack, including Blaze, Tracker, DDP, and Mongo. It notes that while Meteor uses these components by default, the framework is customizable - developers can replace the UI library, database, and DDP client/server with alternatives. The standard Meteor application architecture is then outlined, explaining how each component fits together and interacts to provide reactivity on the client.

1. METEOR STACK

2. ABOUT THIS GUY
廖偉涵 Wei-Han (Adrian) Liaw
adrianliaw / adrianliaw2000
Homeschooling high school student
Python and Meteor enthusiast
Co-organiser of the meetup
github.com/adrianliaw

3. WHAT THIS TALK IS COVERING
Components make Meteor working
Meteor stack
Replacing components?

4. METEOR IS CUSTOMISABLE
Use any UI library you like
Your preferred database
DDP server/client in any lang
Yeah, and no one would do that

5. STANDARD METEOR APP

6. BLAZE
www.meteor.com/blaze
client-side UI framework
reactive templating
compiles HTML into JS

7. REPLACING BLAZE
meteor remove blaze-html-templates
meteor add react(or angular or ...)
meteor add static-html

8. TRACKER
www.meteor.com/tracker
transparent reactive programming
~1KB
makes client-side reactivity working
(previously called Deps)

9. DDP
Distributed Data Protocol
www.meteor.com/ddp

10. DDP
Data on the wire
like "REST for websockets"
client-side Meteor implements DDP client
server-side Meteor implements DDP server
the "ddp" package provides client/server DDP

11. DDP
stringified JSON over websocket
SockJS for supporting older browsers

12. DDP MESSAGE
{"msg": "ping"}
{"msg": "method", "method": "foo",
"params": [], "id": "1"}

13. connection methods data
connect method sub
connected result ready
failed updated added
ping changed
pong removed
unsub
nosub

14. DDP CLIENTS
meteorpedia.com/read/DDP_Clients

15. DDP SERVER
(in-progress)
chees/ddpserver
meteorhacks/goddp
Tarang/DDP-Server
commoncode/django-ddp
adrianliaw/meteorish.py

16. FULL-STACK DB DRIVERS
We've got Mongo in Meteor
And people hate it

17. FULL-STACK DB DRIVERS
publish / subscribe
live query
pure-JS implementation
latency compensation

18. MONGO IN METEOR
Mongo.Cursor
oplog tailing
Minimongo

19. Meteor.publish("foo", function() {
this.added("collname", "docid", {...fields...});
this.ready();
});
docs.meteor.com/#/full/meteor_publish

20. Meteor.publish("foo", function() {
return MyColl.find();
});
Meteor.publish("foo", function() {
MyColl.find()._publishCursor(this);
});

21. IN THE CLIENT
Meteor.connection.registerStore("collname", {
"update": function(msg) {
if (msg.msg == "added") {
... // Update local cache
} else if (msg.msg == "changed") {
... // Update local cache
}
...
}
});

22. ALTERNATIVE DATABASES
meteorpedia.com/read/Alternative_Databases

25. RESOURCES
Pro Meteor by Meteorhacks:
DDP spec:
Real-time Database by Slava Kim
Meteor Explained by Arunoda
meteorhacks.com/pro-
meteor/
bit.ly/1h6CLAH
youtu.be/nEjIjJ3TC40
gum.co/meteor-explained