Designing the Pinterest Mobile Apps

on YouTube ↗48m

" summary

Pinterest migrates the grid to mobile with concrete tactics: precompute cell rectangles and cached heights, use a fixed‑width flexible‑height masonry layout on top of adapter/collection views, and replace nested view trees with custom drawables to get a 3.5x speed improvement on Android. Images use a two-stage disk+memory cache (now SDWebImage/AFNetworking tweaks) and server‑side resizing; a long‑press radial menu outperforms visible pin buttons so mobile traffic exceeds web in a day.

AI-written summary · about

" chapters (4)

1. 0:00Pinterest mobile strategy
2. 4:36Android grid implementation
3. 18:04iOS grid evolution
4. 33:21Future and Q&A

" related talks

• 45mMigrating Pinterest profiles to ReactImad Elyafi · HolyJS 2017 Piter
• 28mMigrating Pinterest profiles to ReactImad Elyafi · JSConf Budapest 2017
• 19mPivoting to React, at scaleTilde Ann Thurium · JSConf Iceland 2016
• 25mMigrating Pinterest profiles to ReactImad Elyafi · JSConfCO 2018
• 38mHow Pinterest switched their template rendering engine to ReactJessica Chan · React Amsterdam 2017
• 29mIncrementally Adopting GraphQL and Relay at PinterestMauricio Montalvo · GraphQLConf 2024
• 34mLEVERAGE YOUR ANDROID KNOWLEDGE TO BOOST YOUR TEAM'S VELOCITY WITH REACT NATIVEThorben Primke · droidcon Berlin 2018
• 18mBuilding Mobile as a Platform-First Architecture(no speaker listed) · @Scale Conference 2015