Fetch data with Apollo GraphQL useQuery hook

Ever since React Hooks were announced, many web developers wanted to use them to fetch data in their apps with GraphQL backend.

An @apollo/react-hooks package has been released recently with allows developers to use Apollo Client to fetch data from GraphQL endpoint using a useQuery hook. The new API has exactly the same possibilities as the previous, render-props based one but the resulting code is much simpler and easier to follow.

In this lesson we're going to learn how to fetch data with useQuery hook to get data about currency rates using both static and variable-based GraphQL query.