A sample Iconoflix GraphQL application to showcase GraphQL and eco system tooling. Here we've implemented this application into FAAS functions deployed in an Istio mesh. Finally we show how to change the application behavior by tweaking traffic patterns in our Istio service mesh.

1. FernandGaliana
@kitesurfer
GraphQLUsforthe
RestOFUs!

2. © 2018 imhotep.io

3. © 2018 imhotep.io

4. © 2018 imhotep.io

5. © 2018 imhotep.io

6. © 2018 imhotep.io

7. © 2018 imhotep.io
MORESLAW!

8. © 2018 imhotep.io
MOUSERS

9. © 2018 imhotep.io
MODEVISES

10. © 2018 imhotep.io
MODATA

11. © 2018 imhotep.io

12. © 2018 imhotep.io
2005
Dude? You F# Rock!!

13. © 2018 imhotep.io
2018
Meh? I need psychographics
per click chart thingy!
Tomorrow?
Great!

14. © 2018 imhotep.io
INITDROP
svc1/api/followers
svc1/api/clicks
svc2/api/engagements
svc3/api/impressions

15. © 2018 imhotep.io
CLEANINGUP!
svc/api/dash

16. © 2018 imhotep.io
WELCOMETOLAYER7
svc/api/dash_w_followers_w_clicks
svc/api/dash_wo_followers_w_clicks
svc/api/dash_wo_followers_w_engagements_wo_clicks

17. © 2018 imhotep.io

18. © 2018 imhotep.io
GRAPHQLFIREHOSE

19. © 2018 imhotep.io
Consumer driven!
Thin Spec
Self Documenting
What !How
Data Safety
Incremental Adoption
Transport Agnostic
OnBoarding
Over/Under fetch

20. © 2018 imhotep.io
ARCHITECTURE

21. © 2018 imhotep.io
GraphQL

22. © 2018 imhotep.io
GraphQL
Svc1 Svc3Svc2 Svc4

23. © 2018 imhotep.io
CLOSERLOOK…

24. © 2018 imhotep.io
Query
Mutation
Subscription

25. © 2018 imhotep.io
QUERIES

26. © 2018 imhotep.io
{
followers {
name
hair_color
}
}
{
“followers”: [
{
“name”: “PeeWee Herman”
“hair_color”: “black”
},
{
“name”: “Donald Trump”
“hair_color”: “orange?”
}
]
}

27. © 2018 imhotep.io
• Variable
• Argument
• Alias
• Fragment
• Interface
• Union
• Enum
• Directive

28. © 2018 imhotep.io
TYPES

29. © 2018 imhotep.io
String
ID
Float
Int
Boolean
Enum
Input
Interface
Unions (concrete!)
Custom
![]

30. ASSIDE…

31. application
xform

32. decoratedbusinesslogic
xform
AOP!

33. © 2018 imhotep.io

34. © 2018 imhotep.io

35. © 2018 imhotep.io
ImDBPicker
iconoflix

36. © 2018 imhotep.io
ImDBPicker
iconoflix

37. © 2018 imhotep.io
Sneaky Pete
2015
Giovanni Ribisi
Marin Ireland
TV Series
Genres
Cast
Comedy

38. © 2018 imhotep.io
DEMO

39. © 2018 imhotep.io
ICONOFLIXDEMO
Click Iconoflix logo for live demo video!

40. © 2018 imhotep.io
AUTH

41. © 2018 imhotep.io
H
erpes
Tes
t R
es
ults
SUBSCRIPTIONS
Personal and

42. © 2018 imhotep.io
CLIENTSIDE

43. © 2018 imhotep.io

44. © 2018 imhotep.io

45. © 2018 imhotep.io
• Ng|View|React
• WriteQsnotcode!
• Declarativedatafetching
• Normalizedcaching
• OptimisticUI
• Serversiderendering
• Subscription&Realtime

46. © 2018 imhotep.io
TAKEAWAYS
Think Graphs!
Communicate
Name/Doc wisely
Query Perf
Migrate!->Mutations
QL Mocks
AuthN/Z
Monitoring + Tracing
Leverage Introspection!
GraphQl !!= SQL

47. © 2018 imhotep.io
ImpedanceMismatch

48. © 2018 imhotep.io

49. © 2018 imhotep.io

50. © 2018 imhotep.io

51. © 2018 imhotep.io

52. © 2018 imhotep.io
GRAPHQL

53. © 2018 imhotep.io
A/R-ActualReality!
FlexibilityInInterpreter
Efficiencyinassociations
Richcontext-basedtraversals
Loopdetection
LooseRelationships
ShortestPath
Distributed+Concurrent
graphdatabase

54. © 2018 imhotep.io
TitanDB
OrientDB
ArangoDB
BlazeGraph
Neo4J
…
DGraph!
Prisma?

55. © 2018 imhotep.io
CANARYINFAASMINE?

56. © 2018 imhotep.io
RESOURCES
references

57. © 2018 imhotep.io
graphql.org
github.com/APIs-guru/graphql-faker
github.com/graphql-java/awesome-graphql-java
github.com/facebook/dataloader
github.com/apollographql
facebook.github.io/relay
github.com/chentsulin/awesome-graphql
scaphold.io
graph.cool
www.apollographql.com/engine
github.com/apollographql/apollo-codegen

58. © 2018 imhotep.io
if (speaker != “suckedass!!”) {
http://bit.ly/djug-201803-survey
}

59. © 2018 imhotep.io
THANKYOU!
Photos provided by blackandwtf.tumblr.com
@kitesurfer