FullStack GraphQL React Tutorial - Learn Apollo Client / Apollo Server For Beginners

Поділитися
Вставка
  • Опубліковано 25 гру 2024

КОМЕНТАРІ • 29

  • @ali-wz6nz
    @ali-wz6nz 13 днів тому +6

    00:03 - Introduction to building a full stack application with GraphQL.
    02:09 - Setting up a GraphQL server with Apollo and Node.js.
    06:59 - Understanding GraphQL backend type definitions and resolvers.
    09:08 - Define GraphQL types and resolvers for user data management.
    13:37 - Defining required fields in GraphQL queries and mutations.
    15:39 - Defining user types and resolvers for a GraphQL API.
    19:44 - Implemented GraphQL queries and user creation mutation.
    21:59 - Successfully running Apollo Server enables GraphQL queries testing.
    26:16 - Setting up Apollo Client in a React application.
    28:26 - Set up Apollo Client for GraphQL access in a React app.
    32:38 - Manage data loading and error states in UI components.
    34:57 - Learn to query specific data with GraphQL's flexibility.
    39:21 - Managing loading states and displaying user data in React.
    41:47 - Learn to define and use GraphQL mutations for user creation.
    46:14 - Updating user details and handling input data types.
    48:26 - Debugging user creation in Apollo Server and demonstrating data display.

  • @Salah-YT
    @Salah-YT 11 днів тому +1

    Thank you so much, bro. Just keep your coding style like this; don't worry about styling the UI; it's the best way, bro. Other videos, if they make CRUD operations, for example, or a To-Do List App, use too much styling. After that, I forget what the logic is, so I really like your coding style, bro. This is the best way for beginners like me. We just focus on the things you are doing, not styling, so thank you.

  • @soh3il9
    @soh3il9 13 днів тому +1

    Very nice, with love

  • @AlexandreLucchesi
    @AlexandreLucchesi 12 днів тому +1

    Nice video! 👏 The issue at the end was because you forgot to return the newly created user after appending it to the users array in the createUser resolver.

    • @PedroTechnologies
      @PedroTechnologies  11 днів тому +1

      You are right! I completely missed that. Thanks for catching it.

  • @anthonygesora2517
    @anthonygesora2517 13 днів тому +2

    Love you bro, you've thought me a lot......

  • @TheRealHouji
    @TheRealHouji 4 дні тому +1

    Hi Pedro, do you have react typescript and material ui tutorial?

  • @AtchuthaRamaReddyKarri
    @AtchuthaRamaReddyKarri 8 днів тому +1

    Good video

  • @jawadachh
    @jawadachh 11 днів тому +1

    Formidable, merci beaucoup

  • @gouthamjuluru4951
    @gouthamjuluru4951 13 днів тому +3

    Can you make a video how to deploy our backend code like nodejs ,MySQL and deploy full stack application online
    I know to deploy react code - netlify/GitHub page/etc
    Can you make a video on hosting the backend

    • @PedroTechnologies
      @PedroTechnologies  13 днів тому

      I believe this video i have works: ua-cam.com/video/lwOsI8LtVEQ/v-deo.html
      It is pretty old so some stuff might be outdated, heroku is not free anymore.

  • @sahalimran7877
    @sahalimran7877 12 днів тому

    great stuff but please make a full fledged tutorial on remixjs full stack as i am trying to learn that and there is not much about it on youtube

  • @FranckMekoulou-i7w
    @FranckMekoulou-i7w 8 днів тому

    NestJS simplifies GraphQl API development. According to my expertise, I find it really, really better, you can't do without it once you're in it, especially with its imposing architecture, you avoid writing sensible literals like in NodeJS, how do you see it?

  • @irfansaeedkhan7242
    @irfansaeedkhan7242 13 днів тому +1

    nice man

  • @italofsan
    @italofsan 13 днів тому +1

    Você é brasileiro né? Comprei seu curso de GraphQL pra dar uma moral, tem essa parte lá?

    • @PedroTechnologies
      @PedroTechnologies  13 днів тому +1

      Valeu mano, fico feliz pelo apoio!! Sim sou br kkkkkk Esse video não, aquele curso foi a uns 2 anos atrás. Esse é só um projeto pra quem ta querendo algo mais atualizado.

    • @italofsan
      @italofsan 13 днів тому

      @@PedroTechnologies Ah sim, pode crê. Seu inglês é bom, consigo entender. Queria só entender como funcionava o GraphQL e tal. Sempre tô acompanhando seus vídeos e estudos.

  • @vinaydeveloper5496
    @vinaydeveloper5496 9 днів тому +1

    Anything coming up on zustand

  • @OCEMTechZone
    @OCEMTechZone 13 днів тому +1

    🎉

  • @joel-d01
    @joel-d01 12 днів тому +4

    Please make a NextJS + TS Full-stack app (Please don't use Clerk)

    • @PedroTechnologies
      @PedroTechnologies  12 днів тому +1

      Planning on doing some video projects!! I love Clerk, wondering why you wouldn't want it in the vid?

    • @theaakashd
      @theaakashd 10 днів тому

      That's exactly what I am currently working on haha because I was so tired to see clerk everywhere.
      Working on a next.js + ts with next auth template

    • @theaakashd
      @theaakashd 10 днів тому

      ​@@PedroTechnologiesbecause even after setting it up correctly it's buggy too much .