A Beginner's Guide to GraphQL | Build an API using AWS Amplify and AppSync

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ส.ค. 2021
  • What is GraphQL? Why would you use it? Why wouldn't you use it? How do you create an API and query with it in GraphQL? Learn all that and much more in this tutorial.
    I work as a Developer Advocate for AWS Amplify, please let me know if you have any feedback for us, and join our Discord: discord.gg/amplify to ask questions!
    👩🏼‍💻 Links Mentioned 👩🏼‍💻
    APIs - www.freecodecamp.org/news/wha...
    REST - www.redhat.com/en/topics/api/...
    React Tutorial - welearncode.com/beginners-gui...
    Blog Post Version of this tutorial - welearncode.com/beginners-gui...
    🌸 My Links 🌸
    Blog - welearncode.com​​​
    Twitter - / aspittel​​​​
    Twitch - / aspittel​​​​
    Portfolio - alispit.tel​​​
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 66

  • @tylermorales9043
    @tylermorales9043 2 ปีที่แล้ว +2

    Yes!!! So excited for this!

  • @kellykarsnia2752
    @kellykarsnia2752 2 ปีที่แล้ว +2

    Reignited my passion for GraphQL, thank you!

  • @jbnunn
    @jbnunn ปีที่แล้ว +3

    Such clear instructions -- great tutorial! Thank you for taking the time to make this

  • @gopinathkrm58
    @gopinathkrm58 2 ปีที่แล้ว +8

    Perfect timing, started learning graphql few days ago along with appsync, great video

  • @davidgilardi6923
    @davidgilardi6923 2 ปีที่แล้ว +1

    Very well done Ali, thank you for putting this together. I learned a ton from you.

  • @Tastygraph
    @Tastygraph 2 ปีที่แล้ว

    Thank you for your work and this easy to understand video. Much appreciated! Keep up the good work.

  • @kamw73
    @kamw73 2 ปีที่แล้ว +1

    I was just thinking about watching something on graphQL so this is super timely! Thank you so much!

    • @AliSpittelDev
      @AliSpittelDev  2 ปีที่แล้ว

      You're very welcome! Thanks for watching!

  • @jesusvaldivia2034
    @jesusvaldivia2034 2 ปีที่แล้ว +5

    Ali, you have an incredible easy and clear way to explain such concepts. Thank you for taking the time. I'm subscribed!

    • @AliSpittelDev
      @AliSpittelDev  2 ปีที่แล้ว

      Thank you so much! Glad to hear it!

  • @PandaBearBoss
    @PandaBearBoss ปีที่แล้ว

    Awesome tutorial. I wasn't aware of amplify codegen, I ran it today and voila, lots of pre-built graphql queries for my data set that I can now use in React!

  • @ScottCate
    @ScottCate 2 ปีที่แล้ว +1

    This is a great video. Thank you. GraphQL is awesome.

  • @nickdube7881
    @nickdube7881 ปีที่แล้ว

    Great video. You make it so easy to follow!👍

  • @fracjackmac
    @fracjackmac 2 ปีที่แล้ว

    The perfect opportunity to dive into GraphQL and figure out what it's all about.
    Thanks!!

  • @ibnamir
    @ibnamir 2 ปีที่แล้ว +1

    Just finished it now. A really helpful video, go on 👏❤

    • @AliSpittelDev
      @AliSpittelDev  2 ปีที่แล้ว +1

      Thanks so much for watching!

  • @davidchristian3647
    @davidchristian3647 2 ปีที่แล้ว +1

    I’ve been learning graphQL recently and this has helped a lot.. thanks!

  • @theSHWAN66
    @theSHWAN66 ปีที่แล้ว

    Super helpful!! Useful walkthrough

  • @abasahmed
    @abasahmed 2 ปีที่แล้ว +1

    Simply Brilliant !
    Thank you so much 😊😊

    • @AliSpittelDev
      @AliSpittelDev  2 ปีที่แล้ว

      Thanks so much for watching!

  • @meovino
    @meovino 2 ปีที่แล้ว +1

    Outstanding video. Really made this easy to understand and interesting to watch. Keep it up!

    • @AliSpittelDev
      @AliSpittelDev  2 ปีที่แล้ว +1

      Glad you liked it! Thanks so much!

  • @liecraze5798
    @liecraze5798 2 ปีที่แล้ว

    Thanks for your good and understandable videos, please keep up 👍👌☺️

  • @AshwinChaudhary-de9wb
    @AshwinChaudhary-de9wb ปีที่แล้ว

    thanks for video ,such a great content👍

  • @rajazain2727
    @rajazain2727 3 หลายเดือนก่อน

    Great explanation! Helped Alot

  • @jaggyjut
    @jaggyjut 2 ปีที่แล้ว +1

    Thanks Ali for creating this tutorial.

    • @AliSpittelDev
      @AliSpittelDev  2 ปีที่แล้ว

      Thanks so much for watching!

  • @markkirby2543
    @markkirby2543 2 ปีที่แล้ว +1

    Very interesting video Ali. I am just starting to learn about graphQL, and this tutorial is a big help. Thank you.

    • @AliSpittelDev
      @AliSpittelDev  2 ปีที่แล้ว

      Glad to hear that! Thanks for watching!

  • @Programmer4nd
    @Programmer4nd 2 ปีที่แล้ว

    you saved my time, thank you

  • @iamtolonly
    @iamtolonly 2 ปีที่แล้ว

    Thanks for the great content

  • @jdavidallen
    @jdavidallen 2 ปีที่แล้ว +1

    Awesome content!

    • @AliSpittelDev
      @AliSpittelDev  2 ปีที่แล้ว

      Thanks so much for watching!

  • @subtlejasian
    @subtlejasian ปีที่แล้ว

    Very helpful!!

  • @konomelifuente5174
    @konomelifuente5174 ปีที่แล้ว

    greate video what jsut i needed

  • @aaronmurphy2686
    @aaronmurphy2686 2 ปีที่แล้ว +2

    Great content.

  • @user-lj8vb9yq4p
    @user-lj8vb9yq4p ปีที่แล้ว

    really helpful

  • @alwayssomewhere716
    @alwayssomewhere716 ปีที่แล้ว

    you have a nice and clear voice

  • @tirasjeffrey2002
    @tirasjeffrey2002 22 วันที่ผ่านมา

    this is all i needed to grasp the basics lol

  • @fsjay
    @fsjay 2 ปีที่แล้ว +1

    Awesome!

  • @swyxTV
    @swyxTV 2 ปีที่แล้ว +1

    wonderfully executed Ali! can't tell that you used to dislike GraphQL at all 😂 and now you pitch it for a living!

  • @rohitchakraborty1715
    @rohitchakraborty1715 2 ปีที่แล้ว

    🥳 Awesome content! Thanks for sharing! 🙏
    Feedback: A simple ER diagram for the data model would make it easier to understand the relationships 🤗

  • @luisbonilla771
    @luisbonilla771 2 ปีที่แล้ว +1

    Waooo is amazing

  • @aaronmcadam
    @aaronmcadam 2 ปีที่แล้ว

    Hey Ali, great video again! I’m trying to find out how AppSync generates its input types from the schema we define. It looks like it skips any properties that use interfaces or unions. What do you think?

  • @NZTechArc
    @NZTechArc 9 หลายเดือนก่อน

    My VSCode does not have the colour scheme yours has (i have just white text) what extension do you use? (My JS and others are fine)

  • @youcancallmejoker340
    @youcancallmejoker340 21 วันที่ผ่านมา

    You're absolutly awesome and so cute. Love your videos. Probably gonna watch this few more times because GraphQL isnt that easy

  • @NZTechArc
    @NZTechArc 9 หลายเดือนก่อน

    The schema.graphql syntax and setup now seems to be out of date.
    I create my Data Model in Amplify Studio and then pul it into VSCode with Amplify Pull.

  • @hamadminmgr
    @hamadminmgr 2 ปีที่แล้ว

    Do you have to have a AWS profile? Plus by having one is it going to cost me money?

  • @AshwinChaudhary-de9wb
    @AshwinChaudhary-de9wb ปีที่แล้ว

    do you any reference for creating custom graphql query like. getRecipeByName ? please help

  • @roshankc5423
    @roshankc5423 ปีที่แล้ว

    Hi Ali, I am getting this error "Not Authorized to access deletepost on type Mutation" while updating/deleting post made by a user account. May I know how to fix it.

  • @samyip
    @samyip 22 วันที่ผ่านมา

    now there is Amplify transformer v2 and all your schema code don't work. There is an easy way to migrate?

  • @qwarlockz8017
    @qwarlockz8017 2 ปีที่แล้ว

    I am just starting to look at graphql. But, why is this really different from doing a real query with joins on the backend using a stored proc and transporting an object that holds all the data returned? IE... some sort of DTO with all the data ans support data included? I do understand that just grabbing data directly from REST APIs is not good with complicated applications. But, Why is graphql better than just using the stored proc/dto approach?

    • @qwarlockz8017
      @qwarlockz8017 2 ปีที่แล้ว

      Have not watched the vid yet and will do that next. But this question has been sticking too me since it seems another api to do what we used to do.

    • @peoplethesedaysberetarded
      @peoplethesedaysberetarded 2 ปีที่แล้ว +1

      GraphQL can do data-stitching, and an error on one source won’t fail your entire call as with an un-tweaked-with REST-based fetch/merge/respond cycle. Out of the box, GraphQL will take your failed include and throw that path into an errors object. Your client can get back partial data, null-check the errors key, and rip through it to see what happened.
      $0.02.

  • @NZTechArc
    @NZTechArc 8 หลายเดือนก่อน

    At the 3 quarter mark do not worry, Ali will tell you that what she has built is not the best way, and she provides a better approach, so don't drop off too early.

  • @chillsloth09
    @chillsloth09 ปีที่แล้ว

    I thought you couldn’t use Number and instead use Int

  • @NZTechArc
    @NZTechArc 8 หลายเดือนก่อน

    PullData would not be a POST

  • @peoplethesedaysberetarded
    @peoplethesedaysberetarded 2 ปีที่แล้ว

    I know that “it works,” and you see it a lot, but you’ll want to terminate your statements with semi-colon.
    Why?
    If you don’t, the interpreter will take its best guess. It’s usually, very nearly always, correct.
    Sometimes it isn’t.

    • @AliSpittelDev
      @AliSpittelDev  2 ปีที่แล้ว

      Hey, here's a presentation I always recommend on this: slides.com/evanyou/semicolons. I have been writing JavaScript for eight years and have ran into issues maybe once and that was easily caught by a runtime error.

  • @The_Winzor
    @The_Winzor 2 ปีที่แล้ว +2

    Hey, you're so smart and pretty. I love your content.

    • @aaronmcadam
      @aaronmcadam 2 ปีที่แล้ว +23

      Hey you don’t have to mention looks, just praising the content is enough 😉