Getting to Know Meteor.js

A talk I gave to the FOSS Charlotte group, introducing Meteor and demonstrating some of its unique capabilities.

Transcript

1. Getting to know Meteor.js Scott Deeter Photo: NASA Goddard Photo & Video (Flickr)
2. http://scottdeeter.com ! scott@scottdeeter.com ! @deetergp Scott Deeter Background photo: NASA Goddard Photo & Video (Flickr)
3. What is Meteor? “Meteor is an open-source platform for building top- quality web apps in a fraction of the time, whether you're an expert developer or just getting started.” But what is it really? Photo: NASA Goddard Photo & Video (Flickr)
4. What is Meteor? • A library of packages • A command-line tool • Similar client & server • LocalDev friendly Photo: Scott Wylie (Flickr)
5. Seven Principles • Data on the Wire • One Language • Database Everywhere • Latency Compensation • Full Stack Reactivity • Embrace the Ecosystem • Simplicity Equals Productivity Photo: NASA Goddard Photo & Video (Flickr)
6. Embrace the Ecosystem • Open-source FTW! • MIT license • Uses open-source Photo: NASA Goddard Photo & Video (Flickr)
7. Embrace the Ecosystem Photo: NASA Goddard Photo & Video (Flickr)
8. Embrace the Ecosystem Photo: NASA Goddard Photo & Video (Flickr)
9. Data on the Wire • DDP - Distributed Data Protocol • Publish • Subscribe • Polling Photo: NASA Goddard Photo & Video (Flickr)
10. Mongo Everywhere! Photo: NASA Goddard Photo & Video (Flickr)
11. Database Everywhere • MongoDB • MiniMongo • Client • In-memory Photo: NASA Goddard Photo & Video (Flickr)
12. Latency Compensation • Immediate local updates • No waiting for server • Server has final say Photo: NASA Goddard Photo & Video (Flickr)
13. Full Stack Reactivity • Simple imperative code • No subscribe/unsubscribe calls Photo: NASA Goddard Photo & Video (Flickr)
14. Simplicity Equals Productivity • To seem, be • Beautiful API • http://docs.meteor.com/#api Photo: NASA Goddard Photo & Video (Flickr)
15. One Language JavaScript FTW! Photo: NASA Goddard Photo & Video (Flickr)
16. Get Started • Download $ curl https://install.meteor.com | /bin/sh • Create a project $ meteor create myapp Photo: NASA Goddard Photo & Video (Flickr)
17. Get Started • Run it locally $ cd myapp $ meteor => Meteor server running on: http://localhost:3000 Photo: Scott Wylie (Flickr)
18. Demo http://github.com/deetergp/questions Photo: NASA Goddard Photo & Video (Flickr)
19. Deploy • Deploy on Meteor’s infrastructure $ meteor deploy myapp.meteor.com • Prep for self-hosting $ meteor bundle myapp.tgz Photo: NASA Goddard Photo & Video (Flickr)
20. Resources • Discover Meteor - http://discovermeteor.com • MeteorHacks -http://meteorhacks.com/ • Stack Overflow - http://stackoverflow.com/questions/ tagged/meteor • Meteor Roadmap - https://trello.com/b/hjBDflxp/meteor- roadmap Photo: NASA Goddard Photo & Video (Flickr)
21. Resources • Example apps: • leaderboard • wordplay • todos meteor create --list Photo: NASA Goddard Photo & Video (Flickr)