Mustache in the Front, Mustache in the Back

on YouTube ↗30m

" summary

Twitter rewrites its front end using mustache.rb and mustache.js to share templates across Ruby and JS, cutting payload by about half compared with server HTML and reclaiming heavy rendering work that once consumed ~12% of CPU. Server-side JS on V8/SpiderMonkey proves impractical, so Ruby renders initial pages and pages embed embedded JSON for client rendering. Internationalization is added with an under_stash extension and a painful camel_Snake normalization is later removed.

AI-written summary · about

" chapters (22)

1. 0:00Intro
2. 1:05Team
3. 3:17Simple
4. 4:05Interpolation
5. 4:27Sections
6. 5:31Performance
7. 6:28Mustache Everywhere
8. 7:00Twitter
9. 7:30Euler
10. 7:54New Twitter
11. 8:10Why Render
12. 8:49Speed
13. 9:35Language Boundaries
14. 10:43JavaScript API
15. 12:26Is JavaScript great
16. 12:45Accessibility
17. 16:01Dstack
18. 16:25Share Template
19. 16:35View Object
20. 18:17View Context
21. 19:30View Example
22. 26:14Internationalization

" related talks

• 11mMicrotalk: Building a Theme Engine w/ Ruby MustacheKevin Sherus · GoRuCo 2013
• 22mJSConf 2015 Andrew RotaAndrew Rota · JSConf US 2015
• 38mThe Front-End FutureFrancis Hwang · GoRuCo 2012
• 33mThe Ruby Racer: Under the HoodCharles Lowell · LoneStarRuby Conf 2011
• 24mReusing your frontend JS on the server with The Ruby Racer and/or Ruby RhinoKenneth Kalmer · Rubyfuza 2013
• 34mYour Front End Framework is Overkill - Server Side Javascript w/ RailsJim Jones · RailsConf 2015
• 29mThe Front-end TakeoverAaron Quint · JSConf.eu 2010
• 35mWriting web application in RubyYoh Osaki · RubyKaigi 2015