The GraphQL client that scales with you.

Prerequisites

• React tutorial
• Very basic knowledge of TypeScript

Note

IMPORTANT: The tutorial is meant to be gone through in order, as the exercises build on each other. You’ll be making incremental changes to an example app, so later section won’t make sense if you haven’t done the earlier sections

• How to fetch data using Queries.
• How to make components self-contained by breaking Queries into Fragments.
• How to paginate through data with Connections.
• How to update data on the server with Mutations and Updaters.

1 GraphQL and Relay

2 Query basics + useLazyLoadQuery

const NewsfeedQuery = graphql`
  query NewsfeedQuery {
    topStory {
      ...StoryFragment
    }
  }
`;

3 Fragments + useFragment