preload.js

const Feed = () => (
  <View style={styles.container}>
    <Header />
    <Query query={GET_DOGS}>
      {({ loading, error, data, client }) => {
        if (loading) return <Fetching />;
        if (error) return <Error />;

        return (
          <DogList
            data={data.dogs}
            renderRow={(type, data) => (
              <Query
                query={GET_DOG}
                variables={{ breed: data.breed }}
                skip={true}
              >
                {({ requestQuery }) => (
                  <Link
                    to={{
                      pathname: `/${data.breed}/${data.id}`,
                      state: { id: data.id }
                    }}
                    onMouseOver={requestQuery}
                    style={{ textDecoration: "none" }}
                  >
                    <Dog {...data} url={data.displayImage} />
                  </Link>
                )}
              </Query>
            )}
          />
        );
      }}
    </Query>
  </View>
);