LinkedIn turns presentation to dust.js

Summary:The social network for professionals has moved its presentation layer from the server to the client via the dust.js library, saying that a code-sharing problem was behind the move.

The social network for professionals has moved its presentation layer from the server to the client via the dust.js library, saying that a code-sharing problem was behind the move.

After starting out with a nice Java Servlet and JSP stack, LinkedIn needed to become rapid, and so it added Grails (Groovy on Rails) and JRuby on Sinatra into the mix. It was working out well, and for a while it seemed as though the company had the perfect mix of dynamic languages and a statically typed foundation.

LinkedIn Java-based stack

The LinkedIn Java-based stack.
(Credit: LinkedIn)

"It seemed like we had the best of both worlds for a while, but we gradually realised how difficult it had become to write reusable front-end features," wrote Veena Basavaraj, senior software engineer at LinkedIn, in a blog post.

"Each tech stack used a different technology to render pages; the Servlets used JSPs, Grails used GSPs and JRuby used ERBs. This made it very difficult to share UI code."

Basavaraj points to the example of the site's skills widget, which was an ERB being rendered in its profile page, which itself was a JSP template.

The solution to the dilemma was to move to client-side rendering. LinkedIn looked at 26 different frameworks before settling on using dust.js in combination with a CDN to speed up delivery of the templates. Now the Grails, Java and JRuby servers send back JSON for the client to insert into the templates.

The new LinkedIn stack with dust.js and a content-delivery network for templates.
(Credit: LinkedIn)

I like this little examination of LinkedIn problems, because it properly separates computation vs. presentation issues that many developers face on a daily basis. In this scenario, there is no choice left, but to treat the presentation layer as something entirely different; no cheap hacks to be quickly inserted to deal with edge cases, or inserted out of sheer laziness.

Certain languages whose names are self-recursive acronyms and their associated template frameworks often have a great deal of template code laying around all over the place, and it is a royal pain to maintain and develop for. Earlier in the week, I pointed out how to remove some of the form-handling code using sessionStorage.

The best part about this LinkedIn post is that it points to some source code examples of the new templates.

Using dust.js looks like an attractive alternative to old-school server-side templates, provided that developers and their superiors can get over the possibility of other developers using Firebug and other tools to look at their raw templates over the air. Maybe that risk will force developers and designers to up their game and create templates that they are proud to show off, rather than be tempted by the baser emotions and want to obfuscate as much as possible.

Via TechRepublic

Topics: Social Enterprise


Chris started his journalistic adventure in 2006 as the Editor of Builder AU after originally joining CBS as a programmer. After a Canadian sojourn, he returned in 2011 as the Editor of TechRepublic Australia, and is now the Australian Editor of ZDNet.

Kick off your day with ZDNet's daily email newsletter. It's the freshest tech news and opinion, served hot. Get it.

Related Stories

The best of ZDNet, delivered

You have been successfully signed up. To sign up for more newsletters or to manage your account, visit the Newsletter Subscription Center.
Subscription failed.