GraphQL

Does REST feel kind of old school and tedious? Do you have endpoints for everything? Fear not! GraphQL is here to save the day. Or is it?

Transcript

1. GraphQL
   

   View Slide

2. About me
   !
   Christian Leo-Pernold
   "#$%&'(⛰*+,-
   .
   @mazedlx
   ⭐
   github.com/mazedlx
   0
   mazedlx.net
   1
   repod.at
   1
   gusch.fredl.at
   2/55
   

   View Slide

3. Let's talk about APIs
   3/55
   

   View Slide

4. REST
   REpresentational State Transfer
   4/55
   

   View Slide

5. 5/55
   

   View Slide

6. 1. GET /episodes/1
   6/55
   

   View Slide

7. 1. GET /episodes/1
   2. GET /actors/1
   7/55
   

   View Slide

8. 1. GET /episodes/1
   2. GET /actors/1
   3. GET /actors/2
   8/55
   

   View Slide

9. 1. GET /episodes/1
   2. GET /actors/1
   3. GET /actors/2
   4. GET /actors/3
   9/55
   

   View Slide

10. 1. GET /episodes/1
    2. GET /actors/1
    3. GET /actors/2
    4. GET /actors/3
    5. GET /actors/4
    10/55
    

    View Slide

11. 1. GET /episodes/1
    2. GET /actors/1
    3. GET /actors/2
    4. GET /actors/3
    5. GET /actors/4
    6. GET /reviews/1
    11/55
    

    View Slide

12. 6
    calls to the API
    12/55
    

    View Slide

13. 13/55
    

    View Slide

14. GET /episodes/1
    14/55
    

    View Slide

15. 15/55
    

    View Slide

16. But then things change
    16/55
    

    View Slide

17. GET /episodes/1
    GET /episodes_with_everything_i_need/1
    GET /episodes_with_everything_also_highres_images/1
    GET /episodes_with_everything_but_for_mobile/1
    GET /episodes_with_everything_for_iphone_only_v2/1
    GET /episodes_with_everything_but_without_images/1
    ...
    GET /episodes_with_everything_but_without_reviews/1
    17/55
    

    View Slide

18. 18/55
    

    View Slide

19. What if we could just
    tell
    the API what we want?
    19/55
    

    View Slide

20. GraphQL
    20/55
    

    View Slide

21. A query language
    for your API
    21/55
    

    View Slide

22. Created by Facebook
    22/55
    

    View Slide

23. 23/55
    

    View Slide

24. Open Source
    24/55
    

    View Slide

25. PHP, Python, Ruby,
    Java, Go, JavaScript,
    Node, Angular, React,
    Vue, Ember and more
    25/55
    

    View Slide

26. Facebook
    GitHub
    Shopify
    Yelp
    Pinterest
    26/55
    

    View Slide

27. GraphQL isn't:
    27/55
    

    View Slide

28. a silver bullet
    28/55
    

    View Slide

29. a REST replacement
    29/55
    

    View Slide

30. 30/55
    

    View Slide

31. 31/55
    

    View Slide

32. 32/55
    

    View Slide

33. 33/55
    

    View Slide

34. 34/55
    

    View Slide

35. Problem
    ❌
    N+1
    35/55
    

    View Slide

36. REST
    36/55
    

    View Slide

37. GraphQL
    37/55
    

    View Slide

38. Solution
    ✅
    Batching with Dataloaders
    38/55
    

    View Slide

39. Problem
    ❌
    Caching
    39/55
    

    View Slide

40. GET /episodes/1
    40/55
    

    View Slide

41. POST /graphql
    41/55
    

    View Slide

42. How does one cache a POST request?
    42/55
    

    View Slide

43. Solution
    ✅
    Caching with Dataloaders
    43/55
    

    View Slide

44. Problem
    ❌
    Schema Duplication
    44/55
    

    View Slide

45. 45/55
    

    View Slide

46. 46/55
    

    View Slide

47. Solution
    ✅
    Schema Generators
    47/55
    

    View Slide

48. Problem
    ❌
    Poor Performance
    48/55
    

    View Slide

49. Solution
    ✅
    Query Caching
    49/55
    

    View Slide

50. It's Demo Time!
    Laravel app (^7.0)
    Users, articles and comments
    1.000 articles, 3.000 comments, 4.000 users seeded
    Eloquent relations are set
    50/55
    

    View Slide

51. GraphQL is (kind of) self-documenting
    51/55
    

    View Slide

52. & PHP
    52/55
    

    View Slide

53. Laravel
    https://github.com/nuwave/lighthouse
    Symfony
    https://github.com/overblog/GraphQLBundle
    53/55
    

    View Slide

54. Plain PHP
    https://github.com/webonyx/graphql-php
    GraphQL Framework in PHP
    https://github.com/railt/railt
    54/55
    

    View Slide

55. !"
    Slides can be found at
    speakerdeck.com/mazedlx
    55/55
    

    View Slide