3. About the app
• Designed to deliver an amazing
experience
• Uses the NPR API
• Helps readers find stations close to
them
• Leverages the best ST 2 patterns
• Implements geolocation, audio
• Really fun to use!
15. The Design
• Built along three core engagement themes
• Read
• Listen
• Discover
• Mimics a music magazine layout like that of Rolling Stone
• Cover, Main TOC, Genre sections, articles
20. Building the app
• Heavy utilization of MVC
• Highly efficient custom Views
• Utilize local storage for article data
• Custom SASS theme
• Implement Sencha SDK tools from start to
finish
21. The MVC Architecture
App
Favorites Article
Favorites Favorites Article Articles
Search Main Stations StationDetail
Search Search StationFinder Stations
Main GlobalToc Player ArticlePreview
Genres
Drawer GenreToc
22. The Main controller
• It’s responsible for article data loading
• Serves as the app backbone
• Manages six views
• Handles all “outside” navigation
• Manages the Main View (extends carousel)
• A little over 330 lines
28. Performance Secret #2
• Use the SDK Tools!
http://www.sencha.com/blog/behind-sencha-command-and-the-
build-process/.
29. Performance Secret #2
• Reduce data size
• NPR data was really huge
• We used SilkJS to create a proxy
Load Balancer
• Employ localStorage
SilkProd1 SilkProd2
NPR API