Wingchi Wong: Apollo and GraphQL and React, Oh My!

Transcript

1. OH MY! APOLLO & GRAPHQL & REACT S. Wingchi Wong Developer thoughtbot
2. GRAPHQL WHAT IS
3. WHAT GRAPHQL IS NOT GRAPHQL IS ▸ Not a Database ▸ Not a Protocol (e.g. — HTTP, WebSocket, TCP) ▸ Not a Frontend/Backend framework
4. WHAT GRAPHQL IS NOT GRAPHQL ▸ Is a query language for fulfilling APIs ▸ Gives the client the ability to ask for the data it needs image source: https://blog.apollographql.com/the-graphql-stack-how-everything-fits-together-35f8bf34f841
5. APOLLO WHAT IS
6. WHAT IS APOLLO APOLLO IS ▸ A frontend and backend framework for GraphQL ▸ A frontend framework that handles GraphQL queries, mutations, and subscriptions ▸ A frontend framework that caches results from queries in a local normalized database
7. DEMO IN PRODUCTION
8. RETROSPECTIVE"
9. RETROSPECTIVE GRAPHQL IS GREAT! ▸ GraphQL allows us to quickly make changes to our data needs on the client-side ▸ GraphiQL (https://github.com/graphql/graphiql) is extremely useful
10. RETROSPECTIVE DEFAULT CACHING WILL INFER DATA RELATIONSHIPS ▸ By default the Apollo cache will try to normalize your data in the order it gets it. This can lead to incorrect data relationships in your cache.
11. RETROSPECTIVE GRAPHQL HIGHER-ORDER-COMPONENT ▸ They all fire at the same time
12. RETROSPECTIVE FRAGMENTS ▸ Fragments are really useful! ▸ Apollo Boost does not support fragments
13. QUESTIONS?