React Query with GraphQL | React Query Tutorial

Показать описание

React-Query with GraphQL! You don't need to use Apollo or Relay for grabbing data from a GraphQL API. React-Query is agnostic and you can fetch data from any API.

Learn how to do it in this video. I'm using react-query in combination with graphql-request and graphql-tag.

Also learn how to include headers with an authorization token and variables in the query.

Support me by subscribing to this channel ❤️

Do you want to master #react, #gatsby, or #svelte fast? ⏩ 🚀 👩‍🚀

—

Find me somewhere below:

Рекомендации по теме

Комментарии

React-Query v3.2 is officially released now so you don't need to use the beta version =)

Weibenfalk

Dude, you have the best teaching accent--I mean, voice!

yourdadishere

Never used it with graphql. I saw you talking about this in your newest video and became interested. Thanks for this info Thomas. Strongly considering changing from Apollo.

CodingNuggets

Love your accent bro. Also your teaching

vasilispapasakellariou

This was great. Thanks so much for this!

JamesQQuick

this was awesome tutorial, thanks @Weibenfalk

gauravmithas

thank you, this is how all tutorials should be you literally threw in how to use tokens and headers which would have been a long trip to stack overflow

hakuna_matata_hakuna

Hi Weibenfalk,

Thank you very much for the great video, I've been wondering if I should keep going with @apollo/client or give it a try with react-query and your video just convinced me to give it a try :) You've earned a new subscriber :)

Freeman

How i can upload files using react-query and graphql. I am really struggling on that end.

bakbak

How can I fix the error Maximum call stack size exceeded in graphql ?

tronganhnguyenthanh

Hello! pretty nice your tutorial :) thank you so much for your free content.
I have a question: From where is the coming `query` tag on line 13?
I'm not been able to reproduce the example when the query has variables.

juagarciaga

But react-query does't have any knowledge of the qraphql schema, and therefore can't enforce type correctness on the client. Right?

zomakaja

Just found this, but could you do an example using this but for mutations?

syvirren

Hey, will this work in "getServerSideProps" or "getInitialProps" when using Next.js?

jamesfromvenice

dude the first sound literally gives a headache to anyone with headphones

hugodsa

React Query with GraphQL | React Query Tutorial

GraphQL in React.js with React Query & OneGraph

React Query with GraphQL | React Query Tutorial

React Query in 100 Seconds

Advanced React Query Pattern

Boost Your App with React Query & GraphQL #webdevelopment

GraphQL Explained in 100 Seconds

The Story of React Query

React Native EU 2021: Arnaud Bezançon - React Query with GraphQL code gen and Typescript

TanStack Query - How to become a React Query God

🔴 GraphQL Tutorial. Query GraphQL APIs From a React + Next.js application

React Query Setup with Typescript, GraphQL, and GraphQL Codegen

Learn GraphQL in 7 Minutes For Beginners

Add to GraphQL List and refetchQueries - React Tutorial 70

Sharing Data Across React Components by Lifting A GraphQL Query

Queries with React & Apollo Client (useQuery, useLazyQuery, caching, fetch policy)

Different ways to trigger Graphql Query with React JS - Webinar #03

Portfolio project react-query optimistic updates with GraphQL

Persisted GraphQL Queries in React.js with OneGraph & Next.js

All About React Query (with Tanner Linsley) — Learn With Jason

Data Fetching in React – Fetch, Axios, SWR, React Query, GraphQL & More

React App adding Queries, Mutation with Apollo Graphql Client #17

Breakdown of a GraphQL Query #shorts

React Query in 40 Minutes - Everything You Need to Know About Tanstack React Query

Difference between GraphQL and Rest API Explained