Video and slides synchronized, mp3 and slide download available at http://bit.ly/17OsVK4. Matt DeBergalis introduces Meteor and some of its components, showing how they work together to shorten the development cycle, whether you're a team of expert developers or just getting started.Filmed at qconnewyork.com. Matt DeBergalis cofounded the Meteor project and is the COO of Meteor Development Group. Before Meteor, Matt founded and ran ActBlue, the largest political fundraising platform in the world. Before that, Matt was a kernel hacker. Some of his technical credits include contributions to the NeXT port of NetBSD and work on the NFSv4 and DAFS specifications while at Network Appliance.

2. InfoQ.com: News & Community Site
• 750,000 unique visitors/month
• Published in 4 languages (English, Chinese, Japanese and Brazilian
Portuguese)
• Post content from our QCon conferences
• News 15-20 / week
• Articles 3-4 / week
• Presentations (videos) 12-15 / week
• Interviews 2-3 / week
• Books 1 / month
Watch the video with slide
synchronization on InfoQ.com!
http://www.infoq.com/presentations
/meteor

3. Presented at QCon New York
www.qconnewyork.com
Purpose of QCon
- to empower software development by facilitating the spread of
knowledge and innovation
Strategy
- practitioner-driven conference designed for YOU: influencers of
change and innovation in your teams
- speakers and topics driving the evolution and innovation
- connecting and catalyzing the influencers and innovators
Highlights
- attended by more than 12,000 delegates since 2007
- held in 9 cities worldwide

4. matt debergalis
@debergalis

5. apps are moving
to the client

6. massive
architectural
change

7. increasingly
absurd stacks

8. remember LAMP?

9. you’re stuck solving
too many problems

10. fighting today’s battles
with yesterday’s solutions

11. WEB
URLs + hypertext
HTTP + REST

12. Relational DBs
tables (relations)
declarative algebra
ACID

13. UNIX
processes + signals
files + sockets
modularity + pipelines

14. cloud platform

16. JavaScript
JS is the new C
unified API

17. data on the wire
live data sets
remote methods

18. servers publish
sets of documents

19. Posts = new Meteor.Collection(“posts");
// server
Meteor.publish("newestPosts", function() {
return Posts.find({},
{sort: {when: -1},
limit: 10});
});
// client
Meteor.subscribe(“newestPosts”);

20. clients call remote
methods on server

21. // server
Meteor.methods({
upvotePost: function (id) {
Posts.update(id, {$inc: {votes: 1}});
}
});
// client
Meteor.call(“upvotePost”, “4256ec2a”);

22. DDP

23. CLIENT: {msg: “SUB”, name: “newestPosts”}
SERVER: {msg: “DATA”,
collection: “posts”,
id: 1,
set: {title: “First Post”,
author: “Matt”}}
SERVER: {msg: “DATA”,
collection: “posts”,
id: 2,
set: {title “Followup”,
author: “Matt”}}

24. <- SUB newestPosts [6a6cfe]
-> SET posts 1 title 'First Post'
-> SET posts 1 author 'Matt'
-> SET posts 2 title 'Followup'
-> SET posts 2 author 'Matt'

25. <- SUB newestPosts [6a6cfe]
-> SET posts 1 title 'First Post'
-> SET posts 1 author 'Matt'
-> SET posts 2 title 'Followup'
-> SET posts 2 author 'Matt'
-> SET posts 8 title 'Today’s news'
-> SET posts 8 author 'Sam'

26. <- SUB newestPosts [6a6cfe]
-> SET posts 1 title 'First Post'
-> SET posts 1 author 'Matt'
-> SET posts 2 title 'Followup'
-> SET posts 2 author 'Matt'
-> SET posts 8 title 'Today’s news'
-> SET posts 8 author 'Sam'
-> UNSET posts 2 title
-> UNSET posts 2 author
-> SET posts 1 title 'Matthew'

27. <- CALL upvotePost 1 [f2548c]
-> RES f2548c ‘okay’

28. <- CALL upvotePost 1 [f2548c]
-> RES f2548c ‘okay’
<- SUB newestPosts [2351cc]
-> SET post 1 title 'First Post'
-> SET post 1 author 'Matt'
-> SET post 1 upvotes 1

29. <- CALL upvotePost 1 [f2548c]
-> RES f2548c ‘okay’
<- SUB newestPosts [2351cc]
-> SET post 1 title 'First Post'
-> SET post 1 author 'Matt'
-> SET post 1 upvotes 1
<- CALL upvotePost 1 [f2548c]
-> RES f2548c ‘okay’
-> SET post 1 upvotes 2
-> READY 2351cc

30. -> CONNECT
<- CONNECTED 1234
-> CALL buyCredits 100.00 [f2548c]
-> CALL sendGift 'avital@meteor.com' 10.00 [9fda97]
<- RES f2548c 'okay'
<- RES 9fda97 'okay'

31. -> CONNECT
<- CONNECTED 1234
-> CALL sendGift 'david@meteor.com' 10.00 [68e32a]
...

32. -> CONNECT
<- CONNECTED 1234
-> CALL sendGift 'david@meteor.com' 10.00 [68e32a]
... disconnect ...
-> CONNECT 1234
<- CONNECTED 1234
-> CALL sendGift 'david@meteor.com' 10.00 [68e32a]
<- RES 68e32a 'okay'

34. DB on the client
you need a cache
don’t invent a new one

35. Reactivity
full stack is event driven
declarative DOM

36. Deps
Spark

37. Meteor.posts.allPosts = function () {
return Posts.find();
};
Meteor.posts.when = function () {
return this.toISOString();
};
<template name=”posts”>
<div id=”posts”>
{{#each allPosts}}
<div class=”post”>
{{title}} &mdash; {{when}}
</div>
{{/each}}
</div>
</template>

38. Distribution of packages
separable modules
packaging for cloud

39. stop making devs
QA the whole stack

40. www.meteor.com
@meteorjs