Save 37% off PRO during our Black Friday Sale! »

Introduction to GraphQL

Introduction to GraphQL

Talk given to Mobile Monday Ann Arbor on 2018-03-05
https://www.meetup.com/MoMoa2/

Talk Abstract:
GraphQL is a data query language an API specification developed by Facebook with a client-focus on shaping the structure of the data alongside strong typing. With a broad and active ecosystem of tooling, we'll explore what a GraphQL API looks like in addition to some mobile tooling and how it could help with web-service oriented app development.

F3c52a0537360c85b46e043711cab0c6?s=128

Andrew Sardone

March 05, 2018
Tweet

Transcript

  1. Intro to GraphQL A query language for your API

  2. andrewsardone.com @andrewa2 github.com/andrewsardone ANDREW SARDONE

  3. Our Apps Talk APIs Clients Server

  4. GET / HTTP APIs

  5. GET /people

  6. GET /people

  7. GET /people/1 GET /homeworld/1

  8. Problems? PROBLEMS? LARGE WASTEFUL PAYLOADS INCONSISTENT & AD-HOC ENDPOINTS DUPLICATE

    CLIENT & SERVER MODELS MINIMAL STATIC ANALYSIS & TYPING
  9. Facebook had these problems, too

  10. None
  11. HTTP POST HTTP Response

  12. Request Response

  13. GraphiQL

  14. Apollo GraphQL Server & Client tools for… • React •

    React Native • iOS • Android https://www.apollographql.com/
  15. PROBLEMS SOLVED ONE QUERY FOR A LOGICAL UI NO UNNECESSARY

    DATA BUILT-IN DOCS & STATIC TOOLING
  16. DEMO

  17. What next? •GraphQL mutations •Streaming events with subscriptions •Stitching together

    multiple schemas
  18. Sources, Further Reading How to GraphQL – http://bit.ly/how-to-graphql Apollo for

    iOS Docs – http://bit.ly/apollo-ios-guide GitHub GraphQL API – http://bit.ly/github-graphql-api pinboard.in/u:andrewsardone/t:graphql