Realtime React Apps with GraphQL

on YouTube ↗24m

" summary

Claim: GraphQL subscriptions let React apps receive event-driven updates without full polling; Facebook runs them at scale for over two years powering live likes live comments and streaming reactions. Demo uses Relay and a thin subscription class over websockets transport, shows a mutation-triggered demo stream and client callback that modifies the store. RFC is the largest GraphQL change since 2015 and implementations exist from Apollo graphcool and scaffold.

AI-written summary · about

" chapters (21)

1. 0:00Introduction
2. 0:28Outline
3. 1:14Why are realtime apps interesting
4. 1:52What are realtime apps
5. 2:30Examples of realtime apps
6. 2:43Remote data
7. 4:05Pushbased realtime APIs
8. 4:22Pull realtime APIs
9. 5:24Polling
10. 5:57Improving polling
11. 6:29Live queries
12. 8:19Subscriptions and live queries
13. 9:50Pubsub patterns
14. 10:58Subscriber patterns
15. 11:26What is GraphQL
16. 12:15Wish Driven Design
17. 14:35Demo
18. 18:16Code
19. 21:46Where are we
20. 22:35GraphQL RFC
21. 23:15Conclusion

" related talks

• 18mCrafting compelling real-time web experiences with GraphQLRob Crowley · Decompress AU 2018
• 58mCrafting compelling real-time web experiences with GraphQL and ReactRob Crowley · NDC Sydney 2018
• 27mData fetching for React applications at FacebookJing Chen, Daniel Schafer · React.js Conf 2015
• 52mBuilding a Realtime Chat with GraphQL SubscriptionsNicolas Burk · React Alicante 2017
• 34mGraphQL Subscriptions - Scaling real-time in the real worldUri Goldshtein · ReactiveConf 2017
• 34mGraphQL real-time subscriptionsDavid Yahalomi · Jazoon TechDays Spring 2017
• 47mReact, Relay and GraphQL — a perfectly normal component approachPavel Chertorogov · FrontTalks 2016
• 26mEverything You Need to Know About GraphQL in 3 ComponentsEve Porcello · React Rally 2018