Meteor.js is an open-source full-stack JavaScript framework for building modern web and mobile applications. It allows developers to create responsive apps with built-in collaboration features that are fun and fast to write. Apps built with Meteor can hot code push, which reloads the app without losing user state, and be compiled for multiple platforms including web, iOS, and Android. The Meteor framework is based on 7 principles including data on the wire, one language, database everywhere, and latency compensation, which allow apps to feel responsive even on poor network connections.

1. Meteor.js

2. Michael Elfassy
twitter: @michaelelfassy
github: elfassy
stackoverflow: montrealmike
website: smashingboxes.com
Durham, NC | San Francisco | Montreal

3. What’s Meteor.js?
and where is the free pizza?

4. Meteor is an open-source full-stack
javascript framework for building
modern web and mobile applications

5. Really?

6. Yes! In fact you’ll build apps that:
● are more responsive
● have built-in collaboration
● are more fun (and faster) to write
● support hot code push
● are easily compiled for multiple platforms

7. Demos!
https://github.com/alanshaw/meteor-blackboard
https://github.com/p4bloch/x3dom-meteor
https://github.com/meteor/meteor/tree/devel/examples

9. How does it work?
An can you justify those bold claims

10. 7 principles of meteor
● Data on the Wire
● One Language
● Database Everywhere
● Latency Compensation
● Full Stack Reactivity
● Embrace the Ecosystem
● Simplicity Equals Productivity

11. Apps feel responsive
Latency compensation
● Database everywhere
● One language
● Data on the wire (aka: Client side rendering)
BONUS:
No network
compensation
http://manning.com/hochhaus/Meteor_MEAP_CH01.pdf

12. Apps have built-in collaboration
Full-stack reactivity
● Livequery - Watch DB for changes
● DDP - Send data back and forth to the client
o replay cache
o publish / subscribe
● MiniMongo - store data and do database queries on the client
● Tracker
o recomputation is done automatically
o view updates with no extra code
● Blaze - rendering
Read more about these components on meteor.com/projects

13. Database, Security, Business Logic, User interactions
Rendering
HTTP / HTML
Database, Security, Business Logic Rendering, User interactions
HTTP / XML (AJAX)
DDP / JSON
Rendering, User interactions,
Security Business Logic, Database
1995
2005
2014

14. Apps are more fun / faster to write
● One language
o share code between client and server (DRY)
o Write less code
● Embrace the ecosystem
o Packager
o http://atmospherejs.com
● Simplicity (KISS)
o all the components, not just a library to solve one problem
o configuration-free minifier, deployer...
o no need to write code to update the view
o no need to write code to sync data

15. Apps auto-reload
● Hot code push
o don’t lose your user’s state
o work even when adding new packages
● Bypass Apple!
o use wisely

16. Apps that are cross platform
demo!
> meteor run ios
> meteor run android

17. Don’t be a dinosaur
Your clients expect:
● apps that feel native
● collaborative apps
● you to write these apps in days,
not months

18. Questions?
Join the community
http://montreal.meteor.com

19. Learning resources
● meteor.com/install
● Discover Meteor Book
o book.discovermeteor.com/starter
● docs.meteor.com
● stackoverflow
● meteorpodcast.com
● meteorpedia.com
8 chapters
free today
only

20. Packages
● mquandalle:jade
● stylus
● coffeescript
● kaptron:minimongoid (ORM)
● dburles:collection-helpers
● underscore
● reywood:publish-composite
● mrt:moment
● aldeed:collection2
● accounts-ui, accounts-google, accounts-github, accounts-password
● matb33:collection-hooks
● iron:router