Cassidy Williams - Moving to React at CodePen

on YouTube ↗23m

" summary

CodePen runs a mixed stack: originally Rails + jQuery (2012), then Redux introduced in 2016, and since mid‑2018 is migrating to Apollo + GraphQL with local client state and server state unified via queries. The eight‑person team ships isolated React apps embedded in Rails divs, uses Cypress for integration tests, struggles with routing and Apollo error messages, deletes thousands of lines to speed the site (about 6× faster), and finds only twelve users on IE10 or below.

AI-written summary · about

" chapters (10)

1. 0:00Intro
2. 1:00What is CodePen
3. 1:43Origins of CodePen
4. 2:37Pages
5. 9:44GraphQL and Apollo
6. 13:27Testing
7. 15:30Next Steps
8. 15:50Routing
9. 20:30Deleting
10. 21:56How you can help

" related talks

• 31mReact on RailsJo Cranford · RailsConf 2017
• 28mBack to React: The Story of Two AppsMichael Chan · React Rally 2017
• 19mPivoting to React, at scaleTilde Ann Thurium · JSConf Iceland 2016
• 39mBeyond ReactMarek Piasecki · The Rolling Scopes Conference 2018
• 30mReact state management in a GraphQL eraKitze Ristovski · AgentConf 2018
• 47mActionCable, Rails API and React - Modern Single Page AppsVipul A M · Rails Pacific 2016
• 49mWhy I bet my business on ReactJess Telford · NDC Sydney 2018
• 31mReact.js on RailsMichael Chan · RailsConf 2015