Everything You Need to Know About GraphQL in 3 Components

on YouTube ↗26m

" summary

Explains how to get live data into React using three concrete components and the exact tools used like react Apollo and Apollo Boost with gql queries, shows a live GraphQL endpoint demo that connects 155 then about 190 clients, groups players into teams of 20 via a mutation, uses a poll interval to refresh query results and runs subscriptions over WebSockets for real time updates, and the demo mostly works though conference Wi Fi reliability is a practical caveat.

AI-written summary · about

" chapters (16)

1. 0:00Introduction
2. 2:40What is GraphQL
3. 4:48GraphQL is better than Rest
4. 5:26How to learn GraphQL
5. 6:17React Apollo
6. 6:44Connect to GraphQL
7. 7:49GraphQL Playground
8. 9:23All Players
9. 9:33Query Data
10. 9:53Dependencies
11. 10:28React App
12. 11:53Create App
13. 13:56Load Data
14. 15:31Change Data
15. 16:10Add Border
16. 17:59Mutation Component

" related talks

• 58mCrafting compelling real-time web experiences with GraphQL and ReactRob Crowley · NDC Sydney 2018
• 18mCrafting compelling real-time web experiences with GraphQLRob Crowley · Decompress AU 2018
• 41mIntroduction to GraphQLMatt Lavin · RVA JavaScript Conf 2019
• 24mRealtime React Apps with GraphQLRobert Zhu · React Conf 2017
• 34mCreate Flexible React Applications Using GraphQL APIsMaurice de Beijer · Codemotion Rome 2018
• 30mReact & GraphQL - Bringing Simplicity and Correctness to Client Side DevelopmentChris Toomey · React Boston 2018
• 47mReact, Relay and GraphQL — a perfectly normal component approachPavel Chertorogov · FrontTalks 2016
• 24mThe future of Angular client-server communication with GraphQLUri Goldshtein, Kamil Kisiela · NG Poland 2016