isomorphic javascript at trulia

17
Confidential Rendr at Trulia Looking Back Over (Almost) One Year

Upload: bigethan

Post on 02-Jul-2015

468 views

Category:

Internet


1 download

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

Page 1: Isomorphic Javascript at Trulia

Confidential

Rendr at TruliaLooking Back Over (Almost) One Year

Page 2: Isomorphic Javascript at Trulia

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

Page 3: Isomorphic Javascript at Trulia

Performance!Before: 12s to see content

After: 2s to see content

Page 4: Isomorphic Javascript at Trulia

Let’s Re-word That

Page 5: Isomorphic Javascript at Trulia

Performance!Well Meaning But Short Sighted Code:

Clean Modular Code:

Page 6: Isomorphic Javascript at Trulia

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)

Page 7: Isomorphic Javascript at Trulia

Let’s Go Check It Out.

Page 8: Isomorphic Javascript at Trulia

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

Page 9: Isomorphic Javascript at Trulia

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.

Page 10: Isomorphic Javascript at Trulia

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

Page 11: Isomorphic Javascript at Trulia

The Big Question: Would You Use Rendr Again?

Page 12: Isomorphic Javascript at Trulia

Confidential

Yes, But…

Page 13: Isomorphic Javascript at Trulia

Ok. So Should I Use Rendr?

Page 14: Isomorphic Javascript at Trulia

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

Page 15: Isomorphic Javascript at Trulia

Ok. So Should I Go Isomorphic?

Page 16: Isomorphic Javascript at Trulia

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

Page 17: Isomorphic Javascript at Trulia

Ask Me Questions.Right now in person, or… @bigethan on twitter [email protected] Other members of Trulia’s Mobile Platform Team are in the audience.