Migrating Pinterest profiles to React

on YouTube ↗28m

" summary

Migrating Pinterest profiles to React describes an incremental, bottom-up migration that adds a node.js sidecar for server-side rendering of nunchucks/ginger templates, a Denzel→React bridge component, and HOCs to reuse the existing resource layer; infrastructure handles ~150,000 req/sec for 200 million monthly active users while experiments run via Gatekeeper. The claim is measurable: converted profile pages show up to a 20% improvement in metrics like DOM interactive and board page views, and the hybrid approach lets feature development continue during migration.

AI-written summary · about

" chapters (14)

1. 0:00Intro
2. 5:27Javascript rendering on the server-side
3. 7:08Adapters for old data sources
4. 7:57Web App Architecture
5. 11:57Python Jinja Renderer (before)
6. 13:13NodeJS Template Renderer (after)
7. 15:56Denzel-React Bridge
8. 18:09Reusing Server-Side HTML
9. 19:06Higher-Order Components as Adapters
10. 19:59Adapters for old resources
11. 21:24A/B testing Framework
12. 22:34Experiment setup
13. 23:30Bottomup approach
14. 24:21Experiment Dashboard

" related talks

• 45mMigrating Pinterest profiles to ReactImad Elyafi · HolyJS 2017 Piter
• 25mMigrating Pinterest profiles to ReactImad Elyafi · JSConfCO 2018
• 38mHow Pinterest switched their template rendering engine to ReactJessica Chan · React Amsterdam 2017
• 19mPivoting to React, at scaleTilde Ann Thurium · JSConf Iceland 2016
• 29mIncrementally Adopting GraphQL and Relay at PinterestMauricio Montalvo · GraphQLConf 2024
• 21mMigrating critical apps to ReactJamis Charles · React Rally 2015
• 10mHow to migrate 50,000 lines of code to React Server ComponentsDarius Cepulis · Next.js Conf 2023
• 38mMigrating from PHP legacy code to React & Best Practices in ReactManjula Dube · ReactFoo Pune 2018