A JavaScript Web App Deconstructed

Explore the inner workings of a JavaScript web application in this 36-minute conference talk from JSConf.Asia 2013. Dive deep into the architecture of Monocle.io, a link submission and commentary site built with CoffeeScript and Ruby. Follow along as the speaker deconstructs the application, revealing its components, design decisions, and performance optimizations. Learn about MVC patterns, decoupling strategies, and best practices for structuring JavaScript web apps. Gain insights into using Sinatra, middleware, CommonJS modules, controllers, CSS, dynamic pagination, server-side events, and streaming. Discover techniques for handling scrolling conflicts, keyboard navigation, and unload events. Perfect for developers looking to enhance their understanding of modern web application architecture and performance tuning.

Introduction
What is Monocle
Download Monocle
Sinatra
Sinatra middleware
Steps
Frontend
CommonJS Modules
Controllers
CSS
Post
Scroll into view
Updown keyboard navigation
Scrolling conflict
Dynamic pagination
Expired pagination
Serverside events
Streaming
Unload
Wake