GraphQL

Alexander Saenko

Transcript

1. GRAPHQL MIDDLEWARE WRITE AND USE
2. ALEXANDER SAENKO
3. AGENDA
4. GRAPHQL ▸ Data query and manipulation language ▸ Open Source ▸ Created by Facebook ▸ 10k stars on GitHub ▸ Always* backward-compatible
5. WHEN TO USE?
7. { "id": 118, "status": 0, "name": "The text you need", "due_date": 1498861069, "created_date": 1498256269, "updated_date": 1498741329, "description": "Something you definitely don't need", "is_modified": 1, "modified_by": "Alexander Saenko", "tasks": [ { "id": 38, "name": "The first task", "description": "Something about the task"}, { "id": 41, "name": "The second task", "description": "Something about the second task" } ] }
8. { "id": 118, "status": 0, "name": "The text you need", "due_date": 1498861069, "created_date": 1498256269, "updated_date": 1498741329, "description": "Something you definitely don't need", "is_modified": 1, "modified_by": "Alexander Saenko", "tasks": [ { "id": 38, "name": "The first task", "description": "Something about the task"}, { "id": 41, "name": "The second task", "description": "Something about the second task" } ] }
9. { "id": 118, "status": 0, "name": "The text you need", "due_date": 1498861069, "created_date": 1498256269, "updated_date": 1498741329, "description": "Something you definitely don't need", "is_modified": 1, "modified_by": "Alexander Saenko", "tasks_count": 2 [ { "id": 38, "name": "The first task", "description": "Something about the task"}, { "id": 41, "name": "The second task", "description": "Something about the second task" } ] }
10. { "id": 118, "status": 0, "name": "The text you need", "updated_date": 1498741329, "tasks_count": 2 }
11. struct TableModel: Codable { let id: Int let status: Bool let name: String let updatedDate: Date let tasksCount: Int enum CodingKeys:String, CodingKey { case id case status case name case updatedDate = "updated_date" case tasksCount = "tasks_count" } }
12. struct TableModel: Codable { let id: Int let status: Bool let name: String let updatedDate: Date let tasksCount: Int enum CodingKeys:String, CodingKey { case id case status case name case updatedDate = "updated_date" case tasksCount = "tasks_count" } }
13. type TableModel { id: Int! status: Boolean! name: String! updatedDate: Date! tasksCount: Int! }
14. export function TableModel(data) { return { id () { return data.id; }, status() { return data.status; }, name() { return data.name; }, updatedDate() { return new Date(data.updated_date * 1000); }, tasksCount() { return data.tasks.length; } } }
15. { "id": 118, "status": 0, "name": "The text you need", "updatedDate": 1498741329, "tasksCount": 2 } struct TableModel: Codable { let id: Int let status: Bool let name: String let updatedDate: Date let tasksCount:Int }
16. { "id": 118, "status": 0, "is_completed": false, "name": "The text you need", "updated_date": 1498741329, "tasks_count": 2 }
17. type TableModel { id: Int! status: Boolean! @deprecated isCompleted: Boolean! name: String! updatedDate: Date! tasksCount: Int! }
18. export function TableModel(data) { return { id () { return data.id; }, status() { return data.is_completed; }, isCompleted() { return data.is_completed; }, name() { return data.name; }, updatedDate() { return new Date(data.updated_date * 1000); }, tasksCount() { return data.tasks_count; } } }
19. WHEN TO USE ▸ No breaking changes in API ▸ Client-driven API ▸ Minimum network pressure
20. PROS & CONS
21. 0 0+1 JAVASCRIPT
22. 0+1 1 WRAP REST API
23. 1+1 1 DATA LOADERS
24. BATCHING AND CACHING https://github.com/facebook/dataloader
25. 2 1+1 AUTHORIZATION
26. 2 2+1 SWIFT QUERY
27. 2 3+1 FILE UPLOAD
28. 2+1 4 ONBOARDING
29. 3+1 4 MAINTENANCE
30. 4 4 FINAL RESULTS
31. THANK YOU!