Meaty Hacks – Meteor, what is?
Meaty Hacks – Meteor, what is?
0 2
meteor-shiny
Presentation showing off some demos created with MeteorOn Github alanshaw / meteor-shiny
Meaty Hacks
Some things made with Meteor, demonstrating database everywhere, data on the wire, pub/sub, latency compensation and realtime reactivity.
Meteor, what is?
A full stack web framework
Manages client and server side.
- Things like Rails manage server side issues.
- Things like Ember & Angular provide front-end structure.
- Meteor helps out with both.
Node.js + MongoDB + Websockets + Handlebars, in a package designed to get you up and running, fast.
Focused on realtime reactivity
- Most existing frameworks cater for the traditional model.
- Meteor doesn't do that.
- Meteor is all about data and diffs, autosync'd and live updated.
Keeping it simple
-
Your client gets a collection.
- When they add something to it,
- Meteor syncs the change to the server,
- ...and pushes it out to all the other connected clients.
- The collection API is just a subset of the Mongo API.
- Your client and server code is all JS.
So, anyway...
Demos!!!!111
Blackboard
blackboard.meteor.comBlackboard
blackboard.meteor.com github.com/alanshaw/meteor-blackboard
- Full screen shared <canvas>
- Meteor "Deps" autorun
- Naive wipe everything and redraw
- hammer.js touch events
- ~60 lines of JS
Movements
movements.meteor.comMovements
movements.meteor.com github.com/alanshaw/meteor-movements
- Shared voyage monitoring
- Meteor "Deps" autorun
- LeafletJS & Stamen map tiles
Browpie
browpie.meteor.comBrowpie
browpie.meteor.com github.com/alanshaw/meteor-browpie
- Collect the UA strings!
- Meteor "Deps" auto redraw
- d3 pie charts
- Rendered in SVG
Asciify
asciify.meteor.comAsciify
asciify.meteor.com github.com/alanshaw/meteor-asciify
- Batshit crazy implementation
- NPM integration
- Handlebars extensions {{#constant}}{{/constant}}
Spotify
Spotify
github.com/alanshaw/meteor-spotify- NPM integration spotify-node-applescript
- HTML5 <progress> element FTW