Code First Approach on GraphQL Using Graphene Django

Transcript

1. Code First Approach on GraphQL using Graphene Django Aulia’ Illahi BackEndEngineer DegetekStudio @barungerti 28 OKT 2019
2. Company Profile
3. Portofolio
4. Today’s Talk • Brief about GraphQL • SDL/Schema First • Code First (Main Topics) • Introduction GraphQL with graphene-django • Hands-on implementing code first using graphene-django
5. Brief about GraphQL • GraphQL is a query and manipulation language for API. Created by Facebook 2012 → Open Source 2015 • Graphql workflow: − Created by defining types and fields types, − then providing functions for each field on each type.
6. Graphql Workflow
7. Who use graphql?
8. Type Reference • Schema • Scalars(String, Int, Float, Boolean,ID,etc) • List & Non-Null • ObjectType & DjangoObjectType • ENUM • Interface • Unions
9. Why GraphQL? • Single Endpoints • DX(Developer Experience) • Solve Underfetching • Solve Overfetching • Rapid Development
10. Schema(SDL) First • Making schema design a priority in the development process. • schema-first approach, you describe your GraphQL schema in SDL and hook up your business logic using ariadne-graphql library.
11. Schema First example on ariadne
12. Problem of SDF-first development javascript environtment
13. 1. Inconsistencies between schema definition and resolvers • Schema and resolver should be match. • This gonna be trouble if schema growing big.
15. Tools/Solution ? • Graphqlgen(https://github.com/prisma/graphqlgen) • graphql-code- generator(https://github.com/dotansimha/graphql-code- generator)
16. 2. Modularization of GraphQL schemas
17. Tools/Solution • graphql-import(https://github.com/prisma/graphql-import) • graphql-modules(https://github.com/prisma/graphql-import)
18. 3. Redundancy in schema definitions (code reuse) • Another question is how to reuse SDL definitions. • A common example for this issue are Relay-style connections. While providing a powerful approach to implement pagination, they require a lot of boilerplate and repeated code.
19. 4. IDE support & developer experience SDL is typically represented as plain strings in your programs Solution/Tools: → graphql-tag(gql) → plugin apollo graphql on vs code
20. 5. Composing GraphQL schema Compose number of existing schema into a single schema. Solutions/Tools: → schema stitching → schema delegation
21. SDL-first could potentially work, but requires a myriad of tools
22. Code First • Code-First/Resolver-First approach, you describe model and graphene-django will generate schemas as Python Type Object based on the graphene-django library. • And just describe resolver and mutation
23. Example Code First with graphene
24. Facebook originally code-first
25. GraphQL with graphene-django • Graphene is a library that provides tools to implement a GraphQL API in Python using a code-first approach. • Graphene is fully featured with integrations for the most popular web frameworks and ORMs.
26. Graphene Django Operation Queries : • fetching API to the server(query language) Mutation: • allow to create , update , and delete (Manipulation Language) to the server. • Subscriptions: • Listen every changes on server and send realtime to client
27. Hands-on implementing code first using graphene- django
28. https://github.com/barungerti/python_graphene_dj ango
29. → up to you: - Schema First - Code First