Para quem usa GraphQL, com certeza já deve ter se deparado com o Apollo, uma plataforma completa para criar aplicações GraphQL. O Apollo server é umas das melhores alternativas para se criar APIs, já o Apollo client é uma solução completa para conectar o seu front-end com a API.

O Apollo client já possui um ótimo suporte ao React, fornecendo componentes que facilitam a integração com o back-end. Veja um exemplo:

client
  .query({
    query: gql`
      query events {
        id
        name
      }
    `
  })
  .then(result => console.log(result));

Na prática, a nova versão do Apollo client agora nos da uma API mais simples e baseada em Hooks.

const BRAZILJS_EVENTS = gql`
  query events {
    id
    name
  }
`;

export function LastLaunch() {
  const { loading, data } = useQuery(BRAZILJS_EVENTS);
  return (
    <div>
      <h1>Eventos BrazilJS</h1>
      {loading ? <p>Loading</p> : <p>{data.events.name}</p>}
    </div>
  );
}

Mais simples né? E o mais legal é que com essa versão nova o bundle reduziu em 50%!

Para quem quiser saber mais, veja o post oficial do Apollo: https://blog.apollographql.com/apollo-client-now-with-react-hooks-676d116eeae2

Autor(a)

Jaydson Gomes
85  Posts
Jaydson Gomes trabalha com tecnologia desde o início dos anos 2000 e é​ desenvolvedor de software especializado em JavaScript.
​É sócio fundador da Nasc e da ​BrazilJS e curador/idealizador da ​BrazilJS Conf, uma das maiores conferências do mundo sobre a linguagem JavaScript.
É editor da Newsletter BrazilJS Weekly e host do show BrazilJS Weekly no YouTube.
Jaydson também é autor e editor no portal BrazilJS e escreve em seu blog pessoal.
É um entusiasta open source e tem apresentado diversas palestras ao longo dos últimos anos, em sua grande maioria falando sobre JavaScript e tecnologias Web.