11/7/12 real time and mvc with geddyjs rt-mvc · 11/7/12 real time and mvc with geddyjs...

11/7/12 Real Time and MVC with GeddyJS

1/30file://localhost/Users/derickson/dev/presentations/2012/qconsf/index.html?print‑pdf#/1

RT-MVCReal Time Model/View/Controller Applications

/ Daniel Erickson qConSF



WHAT'S GOING TOWIN

REAL TIME OR MVC?



REAL TIME?



YEAH!'CUZ SOME PEOPLE SAY:

MVC doesn't scale wellMVC is dead



BUT MVC IS HERE TO STAYGives teams structure to get things doneAllows new people to jump into your projectEasy to get started with



WHAT'S GOING TOWIN

REAL TIME OR MVC?



MVC?



TOTALLY!'CUZ PEOPLE THINK:

Real Time is hardMaintain a new stackEvent Machine and Tornado suckFront end code is messy



BUT REAL TIME IS ALSO HERE TO STAYUse WebSockets to get updates on the front endInstant feedback for your usersWorks really well on mobile



WHAT'S GOING TOWIN

REAL TIME OR MVC?



BOTH!



REAL TIME AND MVCACTUALLY MIX PRETTY WELL



YOU CAN:Define your model once and use it all over the placeuse your templates on both sides of HTTPMirror events from the backend to the frontend

instance createdinstace updatedinstance removed



HOW WE SOLVED THEREAL TIME PROBLEM

WITH GEDDY



WAIT,WHAT'S GEDDY?



THE ORIGINAL MVCFRAMEWORK FOR NODE.JS

Very familiar if you know RailsAwesome noSQL and SQL ORMMany different templating languages



AND NOW ITSUPPORTS REAL TIME

RIGHT OUT OF THE BOX



SO LETS MAKE AN MVC APPTHAT SUPPORTS REAL TIME



GENERATE AN APP$ npm install -g geddy

$ geddy app -rt demo

$ cd demo

$ geddy scaffold -rt thing title description

$ geddy



TEST IT OUTOpen up and

http://localhost:4000/thingshttp://localhost:4000/things/add



FOR THOSE OF YOU FOLLOWINGALONG AT HOME

1. add a thing2. watch it show up in the other window3. update the thing4. watch it change in the other window5. remove the item6. watch it get removed from the other window.



WHAT JUST HAPPENED?geddy app -rt demo

Generated a demo app with realtime enabled



WHAT JUST HAPPENED?geddy scaffold -rt thing ...

Generated a thing resource

thing modelmade that model available on the front endthings controllerroutesviews that subscribe to the realtime events



HOW DOES IT WORK?ON THE SERVER SIDE:

geddy sees the realtime flag in your config filecopies your models over to a public js filesets up listeners for each model's lifecycle eventsproxies those lifecycle events to socket.io



HOW DOES IT WORK?ON THE CLIENT SIDE:

registers listeners for all model related eventsproxies them to the appropriate modelsscaffolds some code that hooks into real time events



THATS PRETTY COOL,BUT IS IT EASY TO CHANGE?

modify your model once and you get it everywhereemit custom events on your modelsall generated code can be modified



WHAT'S NEXT ON THE ROADMAP?Create an AJAX adapter for the front-end ORMReal time queriesPer instance real time eventsA better way to share templates



WANT TO HELP OUT?CHECK OUT GEDDY AT

Join the mailinglistopen bugs on githubsend us pull requests

http://geddyjs.org



ANY QUESTIONS?

11/7/12 real time and mvc with geddyjs rt-mvc · 11/7/12 real time and mvc with geddyjs...

Documents