Learn GraphQL In 40 Minutes

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

КОМЕНТАРІ • 697

  • @WebDevSimplified
    @WebDevSimplified  5 років тому +271

    I really enjoyed making this GraphQL video, and would love to make more videos about learning a single topic in one video. Let me know if you have any topics that you would want me to cover in a similiar manner.

    • @AshishKumar-oe5ly
      @AshishKumar-oe5ly 5 років тому +1

      thanks for making such a wonderful video on graph QL. Could you please make some tutorial on integrating GraphQL with Sails-Mongo application?

    • @johnblyberg4801
      @johnblyberg4801 5 років тому +6

      Your videos are fantastic because you get right in to it and provide great, real-world applications for the code you're writing. Thank you! My request would be a video or a series of videos on securing your API with JWT and other approaches for authentication, CSRF protection, etc. Thanks!

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +6

      Thank you for the suggestions. JWT is a topic I want to cover in the nearish future.

    • @StephanDuToit
      @StephanDuToit 5 років тому +1

      Web Dev Simplified hi there, have you been able to create this tut yet? Love your tutorials!

    • @sundeepparuchuru
      @sundeepparuchuru 4 роки тому +3

      Can you please make tutorial on apollo server with node js. Couldn't able to find much on web.

  • @txdba
    @txdba 3 роки тому +104

    The clarity of your voice is amazing. I'm 60 years old and don't hear well and it is rare I hear speech readily. Concerning the tool, the required prep is huge. This tool is a gift for contractors that charge by the hour if it is meant to be a replacement for SQL. It seems to be much more that SQL. Pardon my comparison to SQL, but it has been and still is the query tool of my career. Thank you.

    • @Jb67912
      @Jb67912 2 роки тому +1

      It’s called using a quality microphone

  • @JuanGutierrez-qg4zr
    @JuanGutierrez-qg4zr 2 роки тому +64

    All these channel videos are gems. By the way, if somebody else is facing the error "TypeError: expressGraphQL is not a function" just replace the import from
    const expressGraphQL = require("express-graphql");
    to
    const { graphqlHTTP } = require("express-graphql");

  • @its_just_me_
    @its_just_me_ 5 років тому +181

    The best part in the video is in between 0:00 to 39:43

  • @steveroseik
    @steveroseik Рік тому +1

    I Have wasted like 4-8 hours minimum with many tutorials, none of them provide full explanation and implementation clearly, yours was straight to the point, understandable and magically easy to comprehend and apply, love it.

  • @ziyoshams
    @ziyoshams 5 років тому +67

    This is excellent. I usually see others jumping right into Apollo, which has lots of abstraction. But this tutorial shows more lower level hands on approach of graphQL.

  • @awabelmahe9700
    @awabelmahe9700 4 роки тому +53

    Best teacher ever. Straight to the point, and not a single second wasted. Thank you very much for this great video.

    • @Jb67912
      @Jb67912 2 роки тому

      Calm down

    • @KILLCHRISU
      @KILLCHRISU 2 роки тому

      @@Jb67912 you’re the one that needs to chill

  • @godwinebikwo6544
    @godwinebikwo6544 5 років тому +97

    You are by far the best when explaining Javascript. Much love from Nigeria

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +4

      Thank you! I'm glad my teaching style resonates with you.

    • @bonaventureokoli7988
      @bonaventureokoli7988 4 роки тому +2

      @@WebDevSimplified it does with everyone

    • @swibay
      @swibay 4 роки тому +2

      Love from Tanzania! My name is Kyle and my job is to simplify the web for you 🤜🤛🏾

  • @dougiehawes916
    @dougiehawes916 4 роки тому +738

    const expressGraphQL = require("express-graphql");
    -- should be --
    const { graphqlHTTP } = require("express-graphql");
    I kept getting an error till I looked up the documentation

    • @vivek8270
      @vivek8270 4 роки тому +2

      Thanks man.

    • @shujabakhtiar8139
      @shujabakhtiar8139 4 роки тому +2

      thanks man that helped

    • @iamlande3979
      @iamlande3979 4 роки тому +5

      omg thank u, half an hour I was trying to figure out what is wrong

    • @FalseDev
      @FalseDev 4 роки тому +4

      Great help, using typescript would have saved some time, and it's because they've make some breaking changes

    • @sahelee1
      @sahelee1 4 роки тому +65

      yes. alternatively :
      const expressGraphQL = require('express-graphql').graphqlHTTP
      require('express-graphql') returns an object with a property called graphqlHTTP that is the function you want to call.

  • @Failedenterprises
    @Failedenterprises 4 роки тому +103

    mans straight out of the twilight saga

  • @andrewbrower4158
    @andrewbrower4158 2 роки тому +2

    This video walkthrough explains GraphQL in such a crystal-clear way. Not surprised to see high-quality content coming from WDS. Thanks for this excellent tut

  • @arnoldtanjunhan
    @arnoldtanjunhan 4 роки тому +10

    Didn't know anything about GraphQL, so glad this was the first video I watched. Such a great exposition. Thanks!

  • @laffytaffykidd
    @laffytaffykidd 5 років тому +47

    As an FYI -- You can run `npm init -y` and it will enter in all default values for you :) Hope that helps. Fantastic video. I love your explanations!

    • @christiant.g.994
      @christiant.g.994 2 роки тому +7

      But who doesn't love a good button mash 😂😂

    • @saddacracker
      @saddacracker 2 роки тому

      Ha! I didn’t know that! Thank you!

  • @shashankabs8312
    @shashankabs8312 2 роки тому +1

    Amazingly made video. In 40 mins you have added almost everything that's required to develop an enterprise level apps.

  • @CharrliePradeep
    @CharrliePradeep 2 роки тому +8

    Its really an interesting video for GraphQL. I could able to understand most of the concepts within some minutes. As Dougie mentioned I had that error as well
    const expressGraphQL = require("express-graphql");
    -- should be --
    const { graphqlHTTP } = require("express-graphql");
    After changing that it worked like butter. Thanks for the video :)

    • @pioneer7161
      @pioneer7161 2 роки тому

      const expressGraphQL = require('express-graphql').graphqlHTTP

    • @SheilaAltingvanGeusau
      @SheilaAltingvanGeusau Рік тому

      I'm just starting out as a dev so sometimes things that are obvious to experienced engineers are new for me. I also had to change the line:
      app.use('/graphql', graphqlHTTP ({
      graphiql:true
      }))
      for it to work. Thanks @CharrliePradeep

  • @RahulinWeb3
    @RahulinWeb3 Рік тому

    completed the tutorial and everthikng worked . one except one thing in start which was already given as solution by someone in one of the comments. so happy I followed through it.

  • @LucasNdesign
    @LucasNdesign 3 роки тому +6

    for those who are still stuck at 9:17 try this:
    const express = require('express')
    const { graphqlHTTP } = require('express-graphql')

    • @sabarblatoe
      @sabarblatoe 2 роки тому

      Thank you. Not sure why your response didn't get that 621 likes when YOURS actually solved the problem as posed to vaguely hinting at a solution. A gentleman & a scholar.

  • @shonoma
    @shonoma Рік тому

    3 minutes into this video and I'm already learning so much more than struggling through countless google searches.
    Thank you for this video!

  • @LeHuffy
    @LeHuffy 5 років тому +17

    This was great! I finally finished my web development bootcamp and just landed a job as Front-end Developer for a dream company of mine! Your videos have helped a ton! Thanks for everything man and keep up the great videos!

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +2

      Congratulations! That is amazing. Nice job putting in all the hard work. How was the boot Camp experience for you? Did you feel you learned a lot?

    • @LeHuffy
      @LeHuffy 5 років тому +3

      @@WebDevSimplified The bootcamp was a great experience, I've been doing web development since high school so I had a background in it prior to starting it. Everything came pretty quickly to me and I was able to easily understand the advanced concepts easier having had that prior experience. However, alot of others had no experience and the advance concepts where too hard for some people to grasp. I tried my best to get there before class and stay after class to tutor people though. Overall, it was a way for me to figure out the best path and what to learn in order to become employee ready.

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +3

      @@LeHuffy That's amazing. I am really glad that it went so well for you, and that you were able to help others along the way. I wish you the best of luck with your future career.

    • @LeHuffy
      @LeHuffy 5 років тому +2

      @@WebDevSimplified Thanks man, appreciate it! Keep up the great videos!

    • @levos2007
      @levos2007 5 років тому

      @@LeHuffy how long does it take?

  • @anisoseryx
    @anisoseryx 4 роки тому +35

    5:55 just type: npm init -y and it'll set default values automatically

  • @ammulutrips4657
    @ammulutrips4657 4 роки тому +4

    This is the best video on GraphQL I have ever seen. And you have explained everything in a crisp and clear way...Thanks a lot for sharing your knowledge..You are the best mentor .I'm able to learn and start using it. Thanks a lot.

  • @whoami......
    @whoami...... 5 років тому +3

    This was by far more helpful than many other videos that I stumbled upon here. straight to the point without too much condescending blabber, thanks a lot!

    • @WebDevSimplified
      @WebDevSimplified  5 років тому

      Thank you! I am really glad you enjoyed the video. I unfortunately couldn't find any way to condense it below 40 minutes.

  • @billieporter156
    @billieporter156 2 роки тому

    Mr. Web Dev Simplified, your channel has helped me SOOO much. You are a natural teacher. I hope these videos are making you rich and you're driving something really spiffy (like a gold-plated Sion) and that you have a swimming pool with a floating bar, which is what we are all aspiring to.

  • @skillfulones9495
    @skillfulones9495 5 років тому +24

    Great tutorial. GraphQL is starting to make sense from watching this.

  • @khiemton-that5441
    @khiemton-that5441 4 роки тому

    Perfect video. 10/10
    Amount of Content you have added there. Just perfect
    Not to much details not to less. Just perfect
    Talking speed. Just perfect
    Example. Just perfect
    Was there one thing I did not understand? Nope!
    Well done Sir.

  • @dreamfly555
    @dreamfly555 5 років тому +13

    Wow, the best intro to GraphQL I have seen so far! Thanks!

  • @mind-blowing_tumbleweed
    @mind-blowing_tumbleweed 2 роки тому +1

    Been C# enterprise dev for 4 years and embarrassed I didn't learn about it earlier. The tutorial is excellent and worth watching every minute. The code, remarks, examples, overall structure is just great.

  • @billybob7970
    @billybob7970 2 роки тому +1

    woah, after painfully struggling though setting up and configuring a REST API, this has just blown my mind. Great presentation packed with a lot of very useful content

  • @developedbyed
    @developedbyed 5 років тому +7

    Your best one so far!

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +2

      Thanks you! I put a lot of effort into this video, and am really proud of how it turned out.

    • @raymondmichael4987
      @raymondmichael4987 5 років тому

      Dev Ed, 🤣🤣 like your magic tricks, I'm happy to see you here too.
      Greetings from Tanzania 🇹🇿

  • @MohitGupta-ln2js
    @MohitGupta-ln2js 4 роки тому +1

    Decided to pick GraphQL for my next project and hence decided to learn it properly.
    After watching this video, it feels I already know a lot about it.
    Thanks for giving me such a quick start.

  • @g-l8492
    @g-l8492 4 роки тому +3

    After watching a lot of other peoples tutorials: Thank you for your clear pronounciation ^^

  • @matthewzamat3331
    @matthewzamat3331 2 роки тому +4

    Seriously, thank you. You did a great job explaining a fairly complex topic, and made it really make sense in the context of the application you built. Great job, and please do keep making these types of videos. I think I speak for everyone when I say thank you!

  • @MsAnnieHuang
    @MsAnnieHuang Рік тому +2

    I am checking for GraphQL tutorials. There are not many new ones out there and I am initially a bit spetical for a tutorial that is 3 years old. But turn out all the syntax is still valid. It proves how stateable the technology is and how solid this tutorial is. Great job, Web Dev Simplified!! I have been following your content more and more in the recent 2 years.

    • @gourane
      @gourane Рік тому

      I am a student and i have to learn graphql can i get help

    • @mikejakusz1493
      @mikejakusz1493 Рік тому

      setting up the expressGraphQL route does not work for me.

    • @emanuelefavero
      @emanuelefavero Рік тому

      You just need to import expressGraphQL like this: `const expressGraphQL = require('express-graphql').graphqlHTTP` everything else is working@@mikejakusz1493

  • @richardw2977
    @richardw2977 2 роки тому +3

    Hell of a crash course. Great info without talking down to your audience. Been in software for a long time and just now needing GraphQL for a job. I appreciate the in-depth overview without explaining what an IDE is (and other such nonsense). 🤣🤣

  • @brunomenezes4937
    @brunomenezes4937 Рік тому +2

    This is a very helpful video to learn the basics of building a graphql server. Very well presented! Try coding along with the presenter.

  • @CliffordFajardo
    @CliffordFajardo 5 років тому +25

    Really awesome introduction. The setup of an in memory datastore was great as it made learning the concepts easier.
    A lot people fail to mention that one of the big costs of GraphQL is for backend engineers, not the UI engineers querying the data though 😃
    Still a good technology to be aware of.

    • @WebDevSimplified
      @WebDevSimplified  5 років тому +17

      Thank you so much. I'm glad you appreciated the in memory storage since a lot of people complain that makes the video useless when I feel that adding in a full db makes the video way too long.

    • @volodymyrmatselyukh8808
      @volodymyrmatselyukh8808 Рік тому +1

      I can see the one drawback of GraphQL. While being efficient in terms of clientserver bandwidth it's inefficient in terms of serverdatabase bandwidth. With GraphQL you either return every single property from the database to a server and then server does filtering or, I think, there should be some libraries that move that filtering logic to a database side. The second approach would be a way efficient in terms of a database load. So, using JSON objects in this video is great but doesn't make accent on the challenge with serverdatabase communication.

  • @saddacracker
    @saddacracker 2 роки тому

    Super helpful for me. I’ve read books, built a few apps and never fully understood the concept. You made it easy to understand!

  • @hafuus
    @hafuus Рік тому

    i love how this guy simplify everything, thank you

  • @eranprime3696
    @eranprime3696 3 роки тому +1

    This is great , thank you. Graphql site lucks entry level explanation, and is hard to grasp. Your video is vary clear and cover that first steps needed to understand the idea behind Graphql.

  • @hydtechietalks3607
    @hydtechietalks3607 Рік тому

    Lots of Respects young man, from Hyderabad, India!

  • @ThePhosee
    @ThePhosee 3 роки тому

    I think this is the best explanation of graphql for beginners that I saw

  • @ellie_ellie_ellie
    @ellie_ellie_ellie 4 роки тому +7

    Excellent tutorial!!! Very clear & easy to understand!!! As a first-time GraphQL learner, I could follow all the steps throughout the video. Thanks a lot! Subscribed to your channel :)

  • @yatrikamrutiya9376
    @yatrikamrutiya9376 2 роки тому

    Explained everything in simple way..best graphQL fundamentals tutorial so far!

  • @explore_with_buddha
    @explore_with_buddha 2 роки тому

    great explained. I am new to GraphQL. After many googling (including in paid platform), I found this easy, simple, and clear tutorial to help me understand it nicely. Loved it. Thanks for this video.

  • @SmartShorts4You
    @SmartShorts4You 3 роки тому +1

    A great brief tutorial, I think I fell in love with GraphQL now, thank you!

  • @hariharanviswanathan242
    @hariharanviswanathan242 3 роки тому +3

    Very well explained. This is how tutorials should be IMO.

  • @umerfarooq3121
    @umerfarooq3121 4 роки тому +1

    Hi Kyle,
    I'm very very thankful to you for making this tutorial. After watching the first time I was scarring from GraphQL but I take it as a challenge and watch you Tutorial again and again So now I'm comfortable with GraphQL.
    Thank you.

  • @dannydenenberg
    @dannydenenberg 4 роки тому

    I can't tell you how nice it is to watch videos that cut out the bulls***
    Thanks so much!

  • @latinacoder
    @latinacoder 4 роки тому +7

    Your skill for explaining these complex topics is impressive. Thanks for the tutorial

  • @stevestizzy
    @stevestizzy 3 роки тому +3

    Great explanation mate.
    Was looking for a simple video tutorial to understand the basics of GraphQL, because I was bored to read any written tutorials at the moment,
    and this was such a great video.
    Thanks

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

    Superb I started to learn this. This is my first video to look out for graphQL

  • @kylereilly3259
    @kylereilly3259 3 роки тому

    22:08
    type BookType {
    id: Int!
    name: String!
    authorId: Int!
    author: Author! // what else needs to be added to this line to achieve the query using GraphQL schema syntax?
    }
    Love the tutorials. You present web dev concepts better than anyone else imho.

  • @pavelsokolov4190
    @pavelsokolov4190 Рік тому

    Awesome full-fledged video about building either front and back GraphQL apps.

  • @mayankvora8116
    @mayankvora8116 2 роки тому

    Excellent Explanation and in 40 mins you explained all necessary concepts.

  • @aishwaryasivakumar6425
    @aishwaryasivakumar6425 4 роки тому +4

    This should be on the top.
    THANK YOU! 🔥

  • @richnimbu
    @richnimbu 2 роки тому +2

    I always enjoy your teaching style. So clean and clear. Great content. Thank you!

  • @p32929
    @p32929 4 роки тому

    WOW! Awesome tutorial. Thanks. I learned GraphQL within just 40 minutes!

  • @kuyajon
    @kuyajon Рік тому

    Man.... you are so good looking like a movie star, and you explain very well, and very well organized presentation. you got it all

  • @bryanstrader1740
    @bryanstrader1740 4 роки тому +1

    This video was well done, the pace and material were perfect for an intro into GraphQL.

  • @davidofug
    @davidofug 2 роки тому

    The simplest GraphQL tutorial there is.
    Thank you

  • @leszekmodrzejewski7372
    @leszekmodrzejewski7372 2 роки тому

    This guy fully deserves over a million subscribers.

  • @madhutammu2209
    @madhutammu2209 Рік тому

    You never Disappoint with your videos , thank you

  • @novus9542
    @novus9542 4 роки тому +1

    Damn. This is a MUST SUBSCRIBE channel. Awesome tutorial, easy and fast. Great job!

  • @SitaMbili
    @SitaMbili 2 роки тому +1

    Just came here to say thank you so much! Yet another tutorial of yours from which I've benefitted from a lot. I feel like I actually understand graph QL now!

  • @LifeIsGood1992
    @LifeIsGood1992 5 років тому +1

    To be honest this is the most straight to the point graphql video I've watched by far , but the mutation did not happen inside the server file !!

    • @WebDevSimplified
      @WebDevSimplified  5 років тому

      I'm glad you enjoyed it, but I am not sure what you mean by the mutation comment.

  • @adityarawat2966
    @adityarawat2966 3 роки тому

    One of the best programming tutors out there. Thank you

  • @salmankashfy
    @salmankashfy 2 роки тому

    Thank you so much. Straight to the point. Did'nt even waste a second. Each and every second was carefully crafted. Such an artwork.

  • @jocelynhuang8831
    @jocelynhuang8831 3 роки тому

    Why there is only one like button? Cannot thank you more, that's really helpful!!

  • @williamtrent8244
    @williamtrent8244 10 місяців тому +1

    Thanks, great video. I need a quick intro but with some detail and this was perfect.

  • @abhishek_k7
    @abhishek_k7 5 років тому +6

    Thank you for this amazing GraphQL tutorial!

  • @vijayvenkataraman1242
    @vijayvenkataraman1242 4 роки тому +5

    Simple, Neat and Clean to explain the concept. That's how it needs to be.

  • @prathic
    @prathic 4 роки тому

    Great video to kick off your journey in graphQL

  • @cheatman05
    @cheatman05 4 роки тому +1

    I'm new to the world of GraphQL and this was really helpful! Thanks for making this crash course

  • @StaceyWilsonlosangeles
    @StaceyWilsonlosangeles 3 роки тому

    It should be noted that GraphQL was created by Facebook and has an active community of developers. Awesome tut...

  • @kritikamamtagaur6968
    @kritikamamtagaur6968 2 роки тому

    I really enjoyed this video and the way you explain was excellent I was having too many query about GgraphQL those all things cleared for me now. Thank you.

  • @akashjani9546
    @akashjani9546 2 роки тому

    Thanks!

  • @StartersammlerXL
    @StartersammlerXL 5 років тому +3

    Thanks for the amazingly easy explanation of that topic! Best one I've found! Greetings from Germany 🙏🏼

  • @HACKINGMADEFUN
    @HACKINGMADEFUN 3 роки тому

    I always wanted to look into GraphQL and found your video today. This is so cool and thanks a lot for making this...

  • @VenkateshMogili
    @VenkateshMogili 3 роки тому

    More clear explanation among all, thank you kyle❤❤❤ When I read blog for book and author, I strucked at getting specific author related book, then I got it from your video, main thing is "parent", I'm always thinking about args instead of parent, now I got it. Another useful one I learned is fields, I didn't understand why some places functions, why some places object but got clear idea after you gave the reason. Thank you very much kyle😍😍👍👍👍👏

  • @ganeshbabu6458
    @ganeshbabu6458 3 роки тому

    Rename your channel as "'Node JS Guru"... Your examples are easy to understand and to the point..

  • @mastercode7851
    @mastercode7851 3 роки тому

    well good explanation is grapql gives you exactly what you want in a clean way exactly like this channel did straight forward and clean short video explanation

  • @youngun550
    @youngun550 2 роки тому

    Kyle. This was a fantastic tutorial. Thank you soooo much!

  • @interesting_stuffs
    @interesting_stuffs 2 роки тому

    GraphQL learned in < 40 mins, Fab!👌

  • @Davesmg
    @Davesmg 5 років тому

    Your vídeos are the best about modern technologies about code!
    Thank you so much for so many share knowledge.

  • @paulholsters7932
    @paulholsters7932 2 роки тому

    Nice tutorial. Short and fast. Like it a lot!

  • @vincentverdugo
    @vincentverdugo 3 роки тому

    Learning this for "The Graph" blockchain. Thanks a lot.

  • @Ronifromearth
    @Ronifromearth 2 роки тому

    although this is a 3 years old video I will still like this and will say thankyou.

  • @thelelelul
    @thelelelul 4 роки тому

    Great video! Helped me get a grasp on using GraphQL together with Express. Thank you!

  • @musoverda
    @musoverda 5 років тому

    Simple and clear. I finally realized the topic of GraphQL

  • @naj0916
    @naj0916 3 роки тому

    Very good tutorial. Direct to the point, meaty, and practical.

  • @bashardlaleh2110
    @bashardlaleh2110 3 роки тому

    Fantastic ! you nailed it in 40 minutes

  • @mht_soni
    @mht_soni 4 роки тому +1

    Explained really well, I understood everything and was able to make my own example after watching this. Thanks for your efforts.

  • @hombacom
    @hombacom 2 роки тому +2

    You don't need multiple requests for REST as stated multiple times, you need to setup endpoints for more specific cases and you lose some flexibility, but still better than a lot of HTTP requests.

  • @АльбинаАлебастрова

    Cool explanation, I’m a front end developer from 🇷🇺 Thanks a lot

  • @christinechang9565
    @christinechang9565 Рік тому

    Amazing, thanks so much! You should put your name in the description. Branding, branding, branding!

  • @techupdates9166
    @techupdates9166 2 роки тому

    Really your videos on youtube about development is so helpful Kyle! we are so lucky. Specially thanks👌👍

  • @mayank_upadhyay_19
    @mayank_upadhyay_19 5 років тому +1

    This video is a blessing in disguise!

  • @countingcode4431
    @countingcode4431 Рік тому

    Thanks

  • @Grillingforalivin
    @Grillingforalivin 4 роки тому +1

    Awsome Video to get up and running with GraphQL. I would suggest turning off the tooltip hint in VSCode as this makes it more difficult to see the code you are typing. Thanks for the video :)

  • @omkarkumbhar3243
    @omkarkumbhar3243 2 роки тому

    An amazing tutorial as always. Make a fullstack react + graphql tutorial for all who are yearning to be FullStack Graphql developers