{"id":12987,"date":"2018-03-23T09:05:34","date_gmt":"2018-03-23T12:05:34","guid":{"rendered":"http:\/\/www.impacta.com.br\/blog\/?p=12987"},"modified":"2018-03-23T09:05:34","modified_gmt":"2018-03-23T12:05:34","slug":"introducao-ao-graphql-a-linguagem-de-consulta-do-facebook","status":"publish","type":"post","link":"https:\/\/www.impacta.com.br\/blog\/introducao-ao-graphql-a-linguagem-de-consulta-do-facebook\/","title":{"rendered":"Introdu\u00e7\u00e3o ao GraphQL: a linguagem de consulta do Facebook"},"content":{"rendered":"

Sem d\u00favidas, o GraphQL <\/a>\u00e9 o novo hype do momento e, com certeza, voc\u00ea j\u00e1 ouviu falar que ele est\u00e1 chegando para dominar o mundo de cria\u00e7\u00e3o de APIs, n\u00e3o \u00e9 mesmo?<\/span><\/p>\n

Para quem ainda n\u00e3o ouviu sobre, o GraphQL \u00e9 uma tecnologia que se originou do Facebook, o que fez com que sua fama crescesse ferozmente. Muito interessante e \u00fatil, a ferramenta serve como uma m\u00e3o na roda na hora de criarmos uma API que vai precisar ser alterada para retornar mais ou menos dados, mais ou menos relacionamentos, etc.<\/span><\/p>\n

Sem d\u00favidas \u00e9 uma tecnologia que est\u00e1 se espalhando muito r\u00e1pido e, se voc\u00ea est\u00e1 procurando vagas de trabalhos em startups, \u00e9 certo que j\u00e1 viu muitas empresas pedindo conhecimento nele. N\u00e3o \u00e9?<\/span><\/p>\n

Introdu\u00e7\u00e3o ao GraphQL<\/strong><\/span><\/h2>\n

O GraphQL \u00e9 uma ferramenta baseada em requisi\u00e7\u00e3o de dados – Query Language, e que permite ser bem espec\u00edfico.<\/span><\/p>\n

Mas como?<\/strong> <\/span><\/p>\n

Vamos a um exemplo: na p\u00e1gina principal do seu blog, voc\u00ea n\u00e3o precisa de todos os dados de um post, e \u00e0s vezes, precisa apenas do t\u00edtulo e do conte\u00fado. Em uma api rest voc\u00ea teria que criar um endpoint s\u00f3 para isso, ou ent\u00e3o, fazer um monte de verifica\u00e7\u00f5es no seu back-end<\/a> para retornar somente aquilo que foi pedido, certo? J\u00e1 com GraphQL voc\u00ea consegue fazer esse pedido sem muita dor de cabe\u00e7a.<\/span><\/p>\n

No entanto, o GraphQL n\u00e3o \u00e9 feito s\u00f3 de queries. Com ele tamb\u00e9m \u00e9 poss\u00edvel executar mutations, que s\u00e3o respons\u00e1veis pela inser\u00e7\u00e3o e altera\u00e7\u00e3o de dados.<\/span><\/p>\n

Aplicando o GraphQL<\/strong><\/span><\/h3>\n

Vamos \u00e0 um exemplo de GraphQL com NodeJS para que voc\u00ea possa ter uma ideia melhor do que estou fazendo. <\/span><\/p>\n

Acesse-o, clone-o e o execute. Use este post apenar como um guia pois ele s\u00f3 funcionar\u00e1 com o c\u00f3digo. (Todo c\u00f3digo est\u00e1 dispon\u00edvel em\u00a0https:\/\/github.com\/arthurmoro\/graphql<\/a>).<\/span><\/p>\n

N\u00e3o vou entrar muito em detalhes de depend\u00eancias e etc., pois tudo isso est\u00e1 dispon\u00edvel no reposit\u00f3rio do GitHub que deixei acima, ok?<\/span><\/p>\n

Eu segui a metodologia de separar todo o c\u00f3digo do GraphQL em pequenos arquivos para melhorar a compreens\u00e3o e manutenibilidade.<\/span><\/p>\n

Primeiro eu verifiquei quais os dados a minha API de blog iria precisar (Voc\u00ea precisa especificar isso para que o desenvolvimento ocorra bem). Com essa especifica\u00e7\u00e3o em m\u00e3os, eu criei 3 tipos de dados:<\/span><\/p>\n