Code a Beginner GraphQL Project | Apollo Client GraphQL Tutorial

GraphQL allows you to query specific fields of data when making the request. In this case we are going to build a simple gql website that will teach the basics of the ApolloClient library.

-
-

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Equipments I Use:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

[PELOYCABAZOS]

Im making an e-commerce for my portfolio using shopify API, just the tutorial I needed. Thank you so much!!! 👍👍👍

[lokmanlife]

damn bro.. i was told to learn this and suddenly u upload this vid.. my savior.. can u do on the back end as well?? better yet, a full stack tutorial with react, node, graphql.. hahahahahhaha

[abedaarabi]

hello Pedro there is a very small bug on the button where you search for code, in the case was an empty state. I fixed with this: <button
          onClick={() => {
            !countrySearch


                  variables: { code: countrySearch.toUpperCase() },
                });
          }}

        >

[hienminhle]

Keep it up! Really enjoying your tutorial!

[levyroth]

Oh my God! How did you learn all these different technologies so quickly? It takes me ages to reach any kind of productivity.

[underrated_mono]

Really Great video, Thanks! And Let me ask a question.
in your previous video named "GraphQL With React Tutorial - Apollo Client",
you used useEffect for fetching data, but this time you used only useQuery.
My question is ... should I use it or do without it?
My knowledge so far is useEffect is async but useQuery is sync.

[rajendrah]

If anyone facing an issue with @apollo/client, execute the below one.

for npm -> npm i graphql

for yarn -> yarn add graphql

[chumbrian]

Hey Pedro, Just wondering how do you find those free public APIs like for NBA stat and amazon data something like that and your video is so good. Thank you for making it!

[ThColinPereira]

Amazing video Pedro! This is just what I needed

[ashutoshpanda]

Could you please use some different caching which is used in production. Please

[Praxis_by_tanay_pingalkar]

the video is great, you can also use graphql-code-generator in typescript projects. It is a super useful tool for graphql and works with any graphql client.

[piotrszczesniak]

Pedro - what keyboard are you using? It makes a pleasant click sound :) The link in the description doesn't work...

[okeyshourovroy]

Can you please make a full stack apollo express server backend and separate nextjs with SSR authentication, and access protected data from server using cookies. It will really help a lot. 😶

[pralhadkharel]

can u make a tutorial on merng and error occurs in any graphql mutation or query in node and catching in react ?

[ozzyozborne]

Is it possible to use State here? or I have to install the old version of Graphql? thank you

[juancamacho]

i tried following the tutorial and even cloning down Pedro's repo and get the same error.

[colososchi]

great stuff ! Sent you a DM on IG, please have a look !