{"id":28392,"date":"2018-02-19T13:18:15","date_gmt":"2018-02-19T11:18:15","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=28392"},"modified":"2018-02-19T13:18:15","modified_gmt":"2018-02-19T11:18:15","slug":"quick-guide-to-graphql-for-backend-frontend","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/quick-guide-to-graphql-for-backend-frontend\/","title":{"rendered":"Quick Guide to GraphQL for BackEnd & FrontEnd"},"content":{"rendered":"\n

\"\"<\/a>GraphQL<\/a> is one of those technologies which is constantly on my radar, just waiting for the right time and project to try it on.\u00a0 For now, I’m just slowly moving to that target, collecting links to resources in the meantime.<\/p>\n

“Introduction & Quick Guide to GraphQL for BackEnd & FrontEnd<\/a>” is a new addition to my collection.\u00a0 This article, much like many others, provides a brief introduction to the technology.\u00a0 And it also shows a practical example of how to design and implement GraphQL API both on the front and back ends.\u00a0 I give it extra credits for mentioning GraphiQL<\/a> in-browser IDE for exploring GraphQL.<\/p>\n\n","protected":false},"excerpt":{"rendered":"\n

GraphQL is one of those technologies which is constantly on my radar, just waiting for the right time and project to try it on.\u00a0 For now, I’m just slowly moving to that target, collecting links to resources in the meantime. “Introduction & Quick Guide to GraphQL for BackEnd & FrontEnd” is a new addition to … Continue reading Quick Guide to GraphQL for BackEnd & FrontEnd<\/span><\/a><\/p>\n\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Quick Guide to GraphQL for BackEnd & FrontEnd #WebDev #API #GraphQL","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,18,62,1334],"tags":[2404,3531,1139,3209,1330],"keyring_services":[],"class_list":["post-28392","post","type-post","status-publish","format-standard","hentry","category-general","category-programming","category-technology","category-web-work","tag-api","tag-graphql","tag-javascript","tag-nodejs","tag-web-development"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":28303,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/01\/09\/github-graphql-api-v4\/","url_meta":{"origin":28392,"position":0},"title":"GitHub GraphQL API v4","author":"Leonid Mamchenkov","date":"January 9, 2018","format":false,"excerpt":"I've briefly mentioned before that GitHub joined the adopters of the GraphQL for their API.\u00a0 Here's the link to the full documentation and more details. GitHub chose GraphQL for our API v4 because it offers significantly more flexibility for our integrators. The ability to define precisely the data you want\u2014and\u00a0only\u00a0the\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":27805,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/07\/27\/rest-apis-are-rest-in-peace-apis-long-live-graphql\/","url_meta":{"origin":28392,"position":1},"title":"Rest APIs are REST-in-Peace APIs. Long Live GraphQL.","author":"Leonid Mamchenkov","date":"July 27, 2017","format":false,"excerpt":"\"Rest APIs are REST-in-Peace APIs. Long Live GraphQL.\" is yet another look at REST vs. GraphQL for the API implementation. I'm involved with developing quite a bit of REST APIs at work, but for now we are just trying to buy us some time. \u00a0I want to take a really\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":28518,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/04\/24\/introducing-the-aws-amplify-graphql-client\/","url_meta":{"origin":28392,"position":2},"title":"Introducing the AWS Amplify GraphQL Client","author":"Leonid Mamchenkov","date":"April 24, 2018","format":false,"excerpt":"\"Introducing the AWS Amplify GraphQL Client\" showcases the new GraphQL client that was built by the Amazon Amplify team.\u00a0 It's pretty sweet.","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":27662,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/06\/graphql-a-query-language-for-your-api\/","url_meta":{"origin":28392,"position":3},"title":"GraphQL – a query language for your API","author":"Leonid Mamchenkov","date":"June 6, 2017","format":false,"excerpt":"GraphQL is a query language for the API. \u00a0It's been used by the Facebook mobile app since 2012. \u00a0The specification was open sourced in 2015. \u00a0And now GitHub is getting on board as \u00a0well. \u00a0This looks interesting. https:\/\/www.youtube.com\/watch?v=dsPVrbDHgaY","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/06\/graphql-500x88.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":27946,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/09\/06\/vuejs-and-graphql-with-apollo\/","url_meta":{"origin":28392,"position":4},"title":"VueJS and GraphQL with Apollo","author":"Leonid Mamchenkov","date":"September 6, 2017","format":false,"excerpt":"This blog post demonstrates how to tie together Vue.js and GraphQL using the Apollo Client. \u00a0This is not something that I've tried yet, but it's on the horizon. If you have any other handy links for either Vue.js or GraphQL, please throw them my way.","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":38278,"url":"https:\/\/mamchenkov.net\/wordpress\/2019\/03\/13\/headless-cms-rest-vs-jsonapi-vs-graphql\/","url_meta":{"origin":28392,"position":5},"title":"Headless CMS: REST vs JSON:API vs GraphQL","author":"Leonid Mamchenkov","date":"March 13, 2019","format":false,"excerpt":"\"Headless CMS: REST vs JSON:API vs GraphQL\" is an interesting comparison of the REST, JSON:API, and GraphQL: In this blog post, we will compare REST, JSON:API and GraphQL. First, we'll look at an architectural, CMS-agnostic comparison, followed by evaluating some Drupal-specific implementation details.","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/03\/rest-vs-jsonapi-graphql-comparison-1280w.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/03\/rest-vs-jsonapi-graphql-comparison-1280w.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/03\/rest-vs-jsonapi-graphql-comparison-1280w.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/03\/rest-vs-jsonapi-graphql-comparison-1280w.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/03\/rest-vs-jsonapi-graphql-comparison-1280w.jpg?resize=1050%2C600&ssl=1 3x"},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/28392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=28392"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/28392\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=28392"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=28392"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=28392"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=28392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}