isomorphic javascript at trulia

Post on 02-Jul-2015

468 Views

Category:

Internet

1 Downloads

Preview:

Click to see full reader

DESCRIPTION

Trulia has been using Isomorphic Javascript (via Rendr) for just about a year now. This brief talk looks back on how it's been. Video is here: http://vimeo.com/106020641

TRANSCRIPT

Confidential

Rendr at TruliaLooking Back Over (Almost) One Year

Confidential

Timeline of a Rewrite

Sep Oct Nov Dec Jan Feb Mar Apr May Jun Jul Aug

Rewrite Begins

10% of Traffic

100% of Traffic

Learning Rendr, Node, Express,

Grunt, Handlebars, M

ocha,

Casper, Building an API, M

obile

Browsers, and more.

Face Melting Amazement

Recovering, Adding features

Underestimated how much there is to learn. But for us, very much worth it.

2013

2014

Performance!Before: 12s to see content

After: 2s to see content

Let’s Re-word That

Performance!Well Meaning But Short Sighted Code:

Clean Modular Code:

Quick Notes on Trulia’s Mobile SiteRespectable Traffic: 6+ million weekly visitors on our mobile website Minimal Hardware: 2 x 24 core node servers with 24 instances of Rendr each (running cool) Each instance is ~140mb of ram (About 3.5gb total)

Let’s Go Check It Out.

So, looking back, how’d it go?Specifically, with Rendr?

Fantastic!Got a prototype up in week AirBNB is a respectable engineering brand Would rather augment a library than fight a framework Rendr offers respectable access points to extend and override All good metrics are way up, bad metrics are way down.

Confidential

Well, There Was Some PainDocumentation is lacking, It works well…once you know where the dragons are To really tune the experience you’ll need to override non extendable internals Rendr is a young library Open Source Projects are not perfect

The Big Question: Would You Use Rendr Again?

Confidential

Yes, But…

Ok. So Should I Use Rendr?

Confidential

It Depends.These days there are a lot of other options: Easel: Artsy’s Backbone/Isomorphic Library React: 1.0 will be Isomorphic (still meh on mobile events) Meteor: A big framework for Isomorphic Javascript LazoJS: Walmart’s smaller framework for Isomorphic Javascript

Ok. So Should I Go Isomorphic?

Want a Single Page App Experience? Yes!! !!Otherwise, it depends.

Ask Me Questions.Right now in person, or… @bigethan on twitter ethan@trulia.com Other members of Trulia’s Mobile Platform Team are in the audience.

top related