MODERN WEBAPPS

-- Stand back while Meteor does its thing --

Adrian Liaw

meteor!?

meteor.js

  • Modern user interface
  • Browser and Mobile
  • Live updates
  • Ultra responsive
  • Radically less code
  • One language everywhere
  • Unified package system
  • Hot deploys

a quick demo

client-side mongo!?!?

traditional webapps

how meteor works

SERVER

Publish DB

Define Meteor methods

(Can be invoke

over the network

by clients)

CLIENT

Routing

Live templating

Subscribe DB

Handle events

Sessions

HTTP Request

HTTP Response

 (Raw html templates)

Live updating

Live updating

DDP

{type: "json"}

minimongo

Posts.insert({text: "Hello!"})

Simulates the update immediately 

Sends JSON to the server by DDP

Real update

001001010010

100100010100

110111010010

Broadcast to all clients

realtime updates!!

install meteor

meteor is currently 1.0

$ curl http://install.meteor.com/ | sh

create a new meteor app

$ meteor create mycoolapp
$ cd mycoolapp
$ meteor

example todo

$ meteor create --example todos
$ cd todos
$ meteor

deploying an app

meteor also provides hosting

$ meteor deploy xxxxx.meteor.com

and more.......

q&a

Modern Webapps with MeteorJs

By Adrian Liaw

Modern Webapps with MeteorJs

  • 1,052