GraphQL in a Component World

on YouTube ↗57m

" summary

Covers integrating GraphQL into a React application at Veriff for a microservices architecture, explaining why GraphQL was chosen and basic concepts. Describes concrete challenges and solutions for developer workflow: static typing, React hooks, GraphQL fragments, testing and mocks, CI, code generation, and state management.

AI-written summary · about

" chapters (17)

1. 0:00Introduction
2. 1:29GraphQL overview
3. 7:14Schema & introspection
4. 10:09Why Veriff chose GraphQL
5. 13:43Choosing Apollo Client
6. 16:11Apollo Client structure & caching
7. 19:50React & hooks
8. 21:14Schema with TypeScript
9. 26:24Generating query types
10. 32:49Code & type generation demo
11. 35:38Testing GraphQL
12. 40:42Apollo DevTools & local storage
13. 42:07Type-safety DB to client
14. 43:12Component data with fragments
15. 46:45Fragment usage demo
16. 51:50Veriff summary
17. 55:05Challenges & limits

" related talks

• 30mGraphQL in the Era of React Server ComponentsRoy Derks · GraphQLConf 2024
• 34mCreate Flexible React Applications Using GraphQL APIsMaurice de Beijer · Codemotion Rome 2018
• 05mYou Don't Need a Fancy Framework to Use GraphQL with ReactSamer Buna · React Conf 2017
• 26mEverything You Need to Know About GraphQL in 3 ComponentsEve Porcello · React Rally 2018
• 43mGraphQL in the Era of Server ComponentsRoy Derks · Connect.Tech 2024
• 09mGraphQL and React - Two Great Tastes that Taste Great TogetherAdron Hall · React Summit 2020
• 47mReact, Relay and GraphQL — a perfectly normal component approachPavel Chertorogov · FrontTalks 2016
• 58mCrafting compelling real-time web experiences with GraphQL and ReactRob Crowley · NDC Sydney 2018