Introduction to GraphQL and comparison with REST

Transcript

1. GraphQL V/S REST
2. GET /me { "name": "Pavan Kumar Sunkara", "email": "pavan@apiary.io", "twitter": "pksunkara", "github": "pksunkara", "speakerdeck": "pksunkara" } Introduction to GraphQL and comparison with REST 2
3. REST » Over a protocol (e.g. HTTP) » Uses the interface (e.g. status code, content type) » Hypermedia controls (e.g. HATEOAS) Introduction to GraphQL and comparison with REST 3
4. GET / [ { "id": 3, "topic": "GraphQL", "date": "Jul 11, 2017" }, { "id": 2, "topic": "APIs", "date": "May 2, 2017" }, { "id": 1, "topic": "Vue.js", "date": "March 7, 2017" } ] Introduction to GraphQL and comparison with REST 4
5. GET /meetup/3/talks [ { "id": 6, "start_at": "6:30 PM", "title": "Introduction to GraphQL", "speaker_id": 6, }, { "id": 7, "start_at": "7:00 PM", "title": "GraphQL in Kiwi.com", "speaker_id": 3, }, { "id": 8, "start_at": "8:00 PM", "title": "Building global GraphQL API", "speaker_id": 7, } ] Introduction to GraphQL and comparison with REST 5
6. GET /speaker/6 { "id": 6, "name": "Pavan Kumar Sunkara" } Introduction to GraphQL and comparison with REST 6
7. Underfetching 7
8. GET /meetup/3/talks [ { "id": 6, "start_at": "6:30 PM", "title": "Introduction to GraphQL", "speaker": { "id": "6", "name": "Pavan Kumar Sunkara" } }, ... ] Introduction to GraphQL and comparison with REST 8
9. GET /meetup/3/talks [ { "id": 6, "start_at": "6:30 PM", "title": "Introduction to GraphQL", "speaker": { "id": "6", "name": "Pavan Kumar Sunkara", "photo": "/speaker/photo/6.png" } }, ... ] Introduction to GraphQL and comparison with REST 9
10. GET /meetup/3/talks [ { "id": 6, "start_at": "6:30 PM", "title": "Introduction to GraphQL", "speaker": { "id": "6", "name": "Pavan Kumar Sunkara", "photo": "/speaker/photo/6.png", "photo_big": "/speaker/photo/6.big.png", "photo_small": "/speaker/photo/6.small.png" } }, ... ] Introduction to GraphQL and comparison with REST 10
11. GET /meetup/3/talks [ { "id": 6, "start_at": "6:30 PM", "title": "Introduction to GraphQL", "description": "He talks about GraphQL", "speaker": { "id": "6", "name": "Pavan Kumar Sunkara", "description": "He works at Apiary", "photo": "/speaker/photo/6.png", "photo_big": "/speaker/photo/6.big.png", "photo_small": "/speaker/photo/6.small.png", "github": "pksunkara", "twitter": "pksunkara" } }, ... ] Introduction to GraphQL and comparison with REST 11
12. Overfetching 12
13. Introduction to GraphQL and comparison with REST 13
14. Describe your Data Introduction to GraphQL and comparison with REST 14
15. Introduction to GraphQL and comparison with REST 15
16. GraphQL » Hierarchial » Strongly typed » Single endpoint » Application layer protocol Introduction to GraphQL and comparison with REST 16
17. Resources Website Explorer Relay Apollo Others Introduction to GraphQL and comparison with REST 17
18. Comparing Deprecation Introduction to GraphQL and comparison with REST 18
19. Comparing Client Performance Introduction to GraphQL and comparison with REST 19
20. Comparing Caching Introduction to GraphQL and comparison with REST 20
21. Comparing Query Language Introduction to GraphQL and comparison with REST 21
22. Q & A Introduction to GraphQL and comparison with REST 22