1.
A better way
to build apps.
Laurențiu Macovei
DotNetWise
[25th of October 2014]

2.
A better way
to build apps.
Laurențiu Macovei
DotNetWise
[25th of October 2014]

3.
Agenda
Where we are today
Principles of Meteor
Demo

4.
NOVEMBER 6, 2014
Worldwide
Meteor Day
A welcome party in your own city, hosted by Meteor developers
all around the world.
http://meteorday.com/

5.
So what is Meteor anyways?

6.
Meteor = Code + Community
Meteor is an open source
full stack framework that makes
reactive real time applications really
easy to build

7.
Meteor = Code + Community
Community is organizing people to
accomplish great things
Monthly Meteor Devshop is held in San
Francisco and London (http://goo.gl/mWhWZC)

8.
Today?
Where are we?

9.
6 nov 2011
the first
commit of
Meteor
11340
commits
ever
since

10.
Knockout JS
Durandal JS
Derby
http://code.tutsplus.com/tutorials/important-considerations-when-building-single-page-web-apps--net-29356

11.
Knockout JS
Durandal JS
Derby
XML / REST / SOAP / POX / JSON / JSV / ...

12.
XML / REST / SOAP / POX / JSON / JSV / ... Reactive
Knockout JS
Durandal JS
Derby

13.
Rective programming
A programming paradigm oriented
around data flows and the propagation of
change.

14.
Meteor Roadmap: 0.9.4 today
1.0 will be released on 6th Nov
Under consideration for 1.1+
Native Windows support
Until then you can use vagrant
https://github.com/shoebappa/vagrant-meteor-windows
Other databases support than MongoDB
roadmap.meteor.com

15.
Stargazers (as of 14 oct 2014)
Reactive
D:WorkCodecamp2014CoffeesScript.png
Reactive

16.
000 Funding
...not only has a team of dedicated and capable
engineers with a vision for changing the world
(nearly every team has that),
but it also has a lovely bank account: $11.2
million in funding (hardly any team has that)
http://goo.gl/Gnfcww

17.
Nine principles of Meteor
1. One language
2. Simplicity === Productivity
3. Data on the Wire
4. Database Everywhere
5. Latency Compensation
6. Hot Code Pushes
7. Embrace the Ecosystem
8. Interoperability
9. Smart packages
10. Full Stack Reactivity

18.
Nine principles of Meteor
1. One language
2. Simplicity === Productivity
3. Data on the Wire
4. Database Everywhere
5. Latency Compensation
6. Hot Code Pushes
7. Embrace the Ecosystem
8. Interoperability
9. Smart packages
10. Full Stack Reactivity

19.
001 Pure Javascript
Write your entire app in pure JavaScript.

20.
001 Pure Javascript
All the same APIs are available on the
client and the server — including database
APIs!

21.
001 Pure Javascript
All the same APIs are available on the
client and the server — including database
APIs!

22.
001 Pure Javascript
All the same APIs are available on the
client and the server — including database
APIs!

23.
001 Traditional Stack vs Pure Javascript
Client
HTML, CSS, Javascript
Server
Programming Language, Database Access, Marshalling
Language

24.
001 Traditional Stack vs Pure Javascript
Client
HTML, CSS, Javascript
Server
Programming Language, Database Access, Marshalling
Language

25.
001 Meteor Stack embraces Pure Javascript
Client
HTML, CSS, Javascript, MiniMongo
Server
Javascript, Mongo

26.
001 Pure Javascript
https://meteorhacks.com/introduction-to-ddp.html

27.
001 Pure Javascript
Even MongoDB stores JSON documents
and uses Javascript syntax to query, insert,
update and delete data

28.
002 Simplicity === Productivity
One command to create an app
meteor create awesome

29.
002 Simplicity === Productivity
One command to locally run your app
meteor

30.
002 Simplicity === Productivity
One command to compile your entire
application into a fully self-contained
bundle
meteor build

31.
002 Simplicity === Productivity
One command to deploy your app into
the cloud
meteor deploy awesome
-> http://awesome.meteor.com

32.
002 Simplicity === Productivity
One command to run on premises:
Unpack it anywhere there's node.js
forever start bundle/main.js

33.
003 Data on the Wire.
Live page updates.
„Apps need Templates, Templates need DATA”

34.
003 Live page updates
„Apps need Templates, Templates need DATA”
Just write your templates.

35.
003 Data on the wire.
They automatically update when data in
the database changes

36.
003 Data on the wire.
Supports any templating language.
(But as of 0.9.4 only ships with Blaze)

37.
003 Data on the wire.
Supports any templating language.
(But as of 0.9.4 only ships with Blaze)
Jade, Knockout and Famo.us are
community supported.

38.
003 Data on the wire.
Live page updates – KO example

39.
004 Database Everywhere.
Clean, powerful data synchronization.
Write your client code as if it were
running on the server and had direct
access to the database.

40.
004 Database Everywhere.
Write your client code as if it were running on the server
and had direct access to the database.

41.
004 Database Everywhere.
Publish / Subscribe mechanism

42.
004 Database Everywhere.
Publish / Subscribe mechanism

43.
004 Database Everywhere.
Publish / Subscribe mechanism

44.
004 Database Everywhere.
Publish / Subscribe mechanism

45.
004 Database Everywhere.
The code itself is your API.
No more loading your data from REST
endpoints.

46.
005 Latency compensation.
When a user makes a change, their
screen updates immediately — no
waiting for the server.

47.
005 Latency compensation.
In a traditional app, the client does an
action and waits for the server to respond.
Wait time increases gradually with the
server load.
Traditional

48.
005 Latency compensation.
When a user makes a change, their screen updates
immediately — no waiting for the server.
With latency Traditional compensation

49.
005 Latency compensation.
If the server rejects their request
–or– executes it differently
The client is patched up with what actually
happened.

50.
006 Hot Code Pushes.
Update your app while users are
connected without disturbing them.

51.
006 Hot Code Pushes.
When you push a new version, the new
code is seamlessly injected into each
browser frame in which the app is open.

52.
006 Hot Code Pushes.
Supports mobile platforms too with
Cordova / Phonegap:
meteor add platform android
meteor add platform ios

53.
006 Hot Code Pushes.
Yes! Apple allows hot code pushes in IOS
& AppStore.
Although, LocalStorage is limited to 5MB!

54.
007 Embrace the Ecosystem.
Meteor is open source and integrates,
rather than replaces, existing open
source tools and frameworks.

55.
007 Embrace the Ecosystem.
Meteor integrates with:
 open source popular examples:
Angular https://medium.com/@zfxuan/the-wonderful-duo-using-meteor-and-angularjs-together-4d603a4651bf
Famo.us https://www.youtube.com/watch?v=bmd-cXSGQAA
Polymer https://github.com/ecwyne/meteor-polymer
 officially:
Velocity – Unit Testing for Meteor using
jasmine
mocha
selenium

56.
008 Interoperability.
You can connect anything to Meteor, from native
mobile apps to legacy databases to Arduinos.
Just implement the simple DDP (Distributed Data
Protocol).
http://www.meteorpedia.com/read/DDP_Clients

57.
009 Smart Packages.
Meteor's Smart Packages are actually little programs that
can inject code into the client or the server, or even hook
into the bundler to preprocess your source.
https://atmospherejs.com
meteor add iron:router
Some examples:
iron:router
accounts-ui
less
spiderable – enable SEO to your site

58.
Resources
Beginners
discovermeteor.com
Best meteor resources
I’ve found
Meteor Tips
30 Days with Meteor
Discover Meteor
Meteor Hacks
Gentlenode
meteor.hackpad.com
yauh.de
javascriptissexy.com
andrewscala.com/meteor
meteortuts.com
differential.io
Meteor cookbook
Meteor Academy

59.
Is it a better way to build apps?
1. Your applications are real-time by
default.
2. You can develop with just one language.
3. The community is extremely supportive.

60.
Is it a better way to build apps?
4. You can save a lot of time with smart
packages.
5. It’s optimized for developer happiness.
6. It’s friendly to beginner developers.
7. It’s ahead of the tech curve.

61.
Q & A
The End of Dinosaurs happened
because of [a] Meteor
See you @Meteor Devshop on 6th Nov
meetup.com/Meteor-Iasi

62.
kadira.io

63.
Telescope
https://meteorhacks.com/profiling-a-meteor-app-telescope.html