Meteor, or MeteorJS is an open-source real-time JavaScript web application framework written on top of Node.js. While production-ready and used by a number of high-profile startups, Meteor allows for very rapid prototyping and produces cross-platform (web, Android, iOS) code. It integrates tightly with MongoDB and uses the Distributed Data Protocol and a publish–subscribe pattern to automatically propagate data changes to clients in real-time without requiring the developer to write any synchronization code. On the client, Meteor depends on jQuery and can be used with any JavaScript UI widget library.

1. The Next Generation Software Stack
Developers Conference 2015
@mahtonu

2. Who Am I?
Meteor Dhaka Captain
@Vantage Labs Dhaka
Authored the title “PHP
Application Development
with NetBeans: Beginner's
Guide”
mahtonu.wordpress.com

3. Meanwhile in MongoDB
meetup in
Copenhagen…

5. Meteor is an ultra-simple
environment for building
modern websites. What
once took weeks, even
with the best tools, now
takes hours with Meteor.

6. Quick start!
Install Meteor:
$ curl https://install.meteor.com | /bin/sh
Create a project:
$ meteor create myapp

7. Quick start!
Run it locally:
$ cd myapp
$ meteor
# Meteor server running on: http://
localhost:3000/
Unleash it on the world (on a free server Meteor provide):
$ meteor deploy myapp.meteor.com

8. Example Apps
Todos: a full featured todo list app
$ meteor create —example todos
Local Market: a mobile social engagement app
$ meteor create —example localmarket

9. File Structure
/client
/server
/public
/private

10. Building Mobile Apps
Installing mobile SDKs
$ meteor install-sdk android # for Android
$ meteor install-sdk ios # for iOS
Adding platforms
$ meteor add-platform android # for Android
$ meteor add-platform ios # for iOS

11. 7 Meteor Principles
•Data on the Wire
•One Language
•Database Everywhere
•Latency Compensation
•Full Stack Reactivity
•Embrace the Ecosystem
•Simplicity = Productivity

12. Fullstack Reactivity
Traditional programming
var a = 2;
var b = 5;
var c = a + b;
console.log(c);
# c is 7

13. Fullstack Reactivity
Traditional programming
var a = 2;
var b = 5;
var c = a + b;
console.log(c);
# c is 7
a = 5;
console.log(c);
# c is still 7

14. Fullstack Reactivity
Traditional programming
var a = 2;
var b = 5;
var c = a + b;
console.log(c);
# c is 7
a = 5;
console.log(c);
# c is still 7
c = a + b;
console.log(c);
# c is finally 10

15. Fullstack Reactivity
Traditional programming Reactive programming
var a = 2;
var b = 5;
var c = a + b;
console.log(c);
# c is 7
var a = 2;
var b = 5;
var c = a + b;
console.log(c);
# c is 7
a = 5;
console.log(c);
# c is still 7
c = a + b;
console.log(c);
# c is finally 10

16. Fullstack Reactivity
Traditional programming Reactive programming
var a = 2;
var b = 5;
var c = a + b;
console.log(c);
# c is 7
var a = 2;
var b = 5;
var c = a + b;
console.log(c);
# c is 7
a = 5;
console.log(c);
# c is still 7
a = 5;
console.log(c);
# c is magically 10
c = a + b;
console.log(c);
# c is finally 10

17. Philosophy
•Meteor written on top of NodeJS and becomes your
server
•You add frameworks on-top of Meteor’s platform
•Meteor comes with a bunch of built-in frameworks
•One of the “built-ins” is a View framework called
Blaze, Easy reactive templating.
•Model View View Model (MVVM)

18. Philosophy
Spacebars is a Meteor template language inspired
by Handlebars

19. Philosophy
Meteor’s “built-ins” can be replaced. If you want
to replace Blaze with Angular then you can!
Simply run:
$ meteor add urigo:angular

20. Philosophy
Meteor’s current implementation is based on
WebSockets and SockJS. SockJS is a WebSockets
emulation transport, which can be used when
WebSockets is not available.

21. Philosophy
Meteor is extremely extensible by adding packages
from Atmosphere, NPM & even Bower.

22. Philosophy
Meteor is quickly becoming the standard for new
startups.

23. Angular (UI Framework)
Challengers
React by Facebook
Ember
Blaze by Meteor

24. Meteor (Node Platform)
Challengers
MEAN.io with Socket.io
Derby

25. Components
Livequery Realtime database queries
DDP Subscribe to changes in the database
Minimongo Run database queries on the client
Tracker Rerun your functions when data changes
Blaze Keep the view up to date with your data
Read about all of these on the Projects page at
meteor.com/projects

26. Workpop: Built on Meteor
• $7.9 million Series A led by Trinity Ventures
• “Most rapid prototyping, iteration and development we’ve
ever seen from an early stage company.” - Trinity Ventures

28. • Over 150+ meetup groups around the world: meteor.meetup.com
• Over 2500+ community-authored packages: atmospherejs.com
• Discover Meteor has made over $300,000+ in book sales
• #10 on GitHub (just passed Backbone, will soon pass Rails)

29. Short Demo!

30. Learning resources
• Official Meteor tutorial at meteor.com/install
• Discover Meteor - book.discovermeteor.com
• Meteor tag on Stack Overflow
• Documentation at docs.meteor.com
• Bullet Proof Meteor - bulletproofmeteor.com
• Meteor Hacks - meteorhacks.com
meteor.com/learn

31. Live in Dhaka?
Join the Meteor Dhaka Official
Meetup Group
http://www.meetup.com/
Meteor-Dhaka/