A real-world Relay application in production
summary
A production web app (Balsamiq Cloud) built with Relay/GraphQL, Redux, React-rendered HTML emails, node.js, Redis, Convox on AWS, proves practical: ~26,000 lines of code, editor payload ~130KB, ~200 React components, ~860 npm modules and ~30 direct deps. Backend uses hexagonal adapters, Redis caching, DataLoader, and WebSocket pub/sub; real-time updates start with forced refetches under Relay Classic forces refetch, Relay Modern/Apollo add subscriptions and evolve into server-driven channel strategies. Tests run fast (200ms/test; 120 tests <30s), server-side coverage ~80%, and the app is live in private beta.
AI-written summary · about
chapters (12)
- 0:00Introduction and background
- 1:15GraphQL and Relay overview
- 5:30Balsamiq Cloud project
- 7:57Architecture and dependencies
- 10:54Adapter pattern and dependency injection
- 13:02GraphQL schema and mutations
- 15:34Error handling and user feedback
- 17:22Reactivity and real-time updates
- 25:32DataLoader and caching strategies
- 26:59Testing approach and performance
- 29:25Greenfield project experience
- 32:18Conclusion and Q&A
related talks
14mWhy Relay is a Must for your GraphQL APIs
22mRedux, Re-frame, Relay, Om/next, oh my!
17mBuilding The New Facebook With React and Relay
30mBringing it all together
40mHow I learned to love React
14mBuilding the New Facebook with React and Relay
34mTranslator Words App on Javascript
38mThe Front End Architecture Revolution