Fetch todos - query

The first graphql query you will write will be to fetch personal todos. You will need to load the todo data from the database which belongs to the logged in user. Let's define a graphql query to fetch the required data.

query getMyTodos {
todos(where: { is_public: { _eq: false} }, order_by: { created_at: desc }) {
id
title
created_at
is_completed
is_public
user {
name
}
}
}

Try this query in GraphiQL against the application database to see what the response looks like.

Note: You need to pass the Authorization: Bearer <token> header before querying to get the results. The token is auto-filled in the UI after logging in via Auth0.

Don't be surprised to see results being empty. You haven't added any todos yet! This query is just to ensure if everything works as expected.

Let's now integrate this graphql query into our react native app.

Did you find this page helpful?
Start with GraphQL on Hasura for Free
  • ArrowBuild apps and APIs 10x faster
  • ArrowBuilt-in authorization and caching
  • Arrow8x more performant than hand-rolled APIs
Promo
footer illustration
Brand logo
© 2024 Hasura Inc. All rights reserved
Github
Titter
Discord
Facebook
Instagram
Youtube
Linkedin
graphql-handbook