Code a Beginner GraphQL Project | Apollo Client GraphQL Tutorial

Sdílet
Vložit
  • čas přidán 1. 06. 2021
  • 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.
    CODE: github.com/machadop1407/GQL-c...
    -
    🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
    💻 PedroTech Discord: / discord
    -
    Social
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    Website: machadopedro.com
    Twitter: / pedrotech_
    Linkedin: / machadop1407
    Instagram: / _pedro.machado_
    Github: github.com/machadop1407
    Email: machadop1407@gmail.com
    Equipments I Use:
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    🌟 Algorithm Book To Pass Coding Interviews: amzn.to/2Z2CirS
    🌟 Microphone: amzn.to/2MKAm4V
    🌟 Keyboard: amzn.to/3tvU6ZR
    🌟 HD Webcam: amzn.to/3tMpJPD
    🌟 Room LED Lights: amzn.to/3a5mFGp
    Tags:
    - ReactJS Tutorial
    - ReactJS and MySQL
    - NodeJS Tutorial
    - API Tutorial
  • Věda a technologie

Komentáře • 32

  • @lokmanlife3023
    @lokmanlife3023 Před 3 lety +2

    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

  • @saadowain3511
    @saadowain3511 Před 3 lety +2

    One of the best teacher in youtube

  • @PELOYCABAZOS
    @PELOYCABAZOS Před 3 lety +3

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

  • @ThColinPereira
    @ThColinPereira Před 2 lety

    Amazing video Pedro! This is just what I needed

  • @hienminhle2486
    @hienminhle2486 Před 3 lety +2

    Keep it up! Really enjoying your tutorial!

  • @gastonkhouri
    @gastonkhouri Před 2 lety +1

    Thanks for the video!

  • @rajendrah7316
    @rajendrah7316 Před 3 lety +2

    If anyone facing an issue with @apollo/client, execute the below one.
    for npm -> npm i graphql
    for yarn -> yarn add graphql

  • @ballonura
    @ballonura Před 3 lety +1

    Thx a lot

  • @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.

  • @levyroth
    @levyroth Před 3 lety +1

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

  • @saidmaroc8448
    @saidmaroc8448 Před 3 lety

    impressive, bravo

  • @MrFyce
    @MrFyce Před 3 lety +1

    First!

  • @chumbrian5111
    @chumbrian5111 Před 3 lety +1

    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!

  • @okeyshourovroy2769
    @okeyshourovroy2769 Před 2 lety +1

    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. 😶

  • @pralhadkharel2334
    @pralhadkharel2334 Před 3 lety

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

  • @ashutoshpanda4336
    @ashutoshpanda4336 Před 3 lety +1

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

  • @abedaarabi3014
    @abedaarabi3014 Před 3 lety +1

    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: {
    !countrySearch
    ? alert("Please Add Code!")
    : searchCountry({
    variables: { code: countrySearch.toUpperCase() },
    });
    }}
    >

  • @piotrszczesniak685
    @piotrszczesniak685 Před rokem

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

  • @ozzyozborne4539
    @ozzyozborne4539 Před 3 lety

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

  • @underrated_mono9770
    @underrated_mono9770 Před 3 lety +2

    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.

    • @PedroTechnologies
      @PedroTechnologies  Před 3 lety

      Great question! I would say to use the useQuery hook as I believe inside of it there is probably a useEffect. It will have the same effect!

    • @underrated_mono9770
      @underrated_mono9770 Před 3 lety

      @@PedroTechnologies Oh I didn't know that. I am gonna still look for materials about the topic. Thanks!

  • @colososchi18
    @colososchi18 Před 3 lety

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

  • @juancamacho479
    @juancamacho479 Před 3 lety +1

    anybody else getting a "./node_modules/@apollo/client/core/LocalState.js
    Module not found: Can't resolve 'graphql' in 'C:\Users\juanc\Documents\GQL-countries-api
    ode_modules\@apollo\client\core" i tried it in 2 different pc's and get the same graphql error
    i tried following the tutorial and even cloning down Pedro's repo and get the same error.

    • @PedroTechnologies
      @PedroTechnologies  Před 3 lety +1

      Maybe there is some bug in the apollo client library, sorry thats happening to you!

    • @juancamacho479
      @juancamacho479 Před 3 lety

      @@PedroTechnologies :'{

    • @karlithoscolima
      @karlithoscolima Před 3 lety

      @@PedroTechnologies Same issue as well

    • @juancamacho479
      @juancamacho479 Před 3 lety +1

      @@karlithoscolima I decided to give it another try today, and I fixed it by installing graphql too. "yarn add graphql"

    • @karlithoscolima
      @karlithoscolima Před 3 lety

      @@juancamacho479 I will tray it as well thanks mate