GraphQL Tutorial Beginner - Learn GraphQL in NodeJS / ExpressJS

In this video, I will teach you guys the Basics of GraphQL using express-graphql and nodejs and express. I will go over a conceptual overview of what is GraphQL, and then show you guys how to implement a GraphQL API!
Code For the 2 Parts: github.com/machadop1407/Graph...
-
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
Please leave a comment on what topic you guys want me to cover next!
-
📞 Tutoring Session: www.fiverr.com/share/pw8RPY
💻 PedroTech Discord: / discord
-
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Twitter: / pedrotech_
Linkedin: / machadop1407
Instagram: / _pedro.machado_
Github: github.com/machadop1407
Email: [e-mail]
Tags:
- GraphQL
- GraphQL Tutorial
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

[@fahadus]

You're a natural teacher. Great tutorial! Thank you for taking the time doing this.

[@user-tt6nc6mo7k]

I've watched at least 20 videos on graphql. It has been your video that finally made it "click" for me. Thanks.

[@PedroTechnologies]

Awesome! You have no idea how happy I am that I helped you! I remember the struggle of learning GraphQL In the beginning, so I am happy I was able to ease the process! If you have any questions just lmk!

[@kobenade]

Same here. Great job👍

[@aichaouiabdessalam3102]

@@PedroTechnologies honestly same here thanks man

[@aidanwalker3058]

you explain everything so easily some of the best content ive found on youtube for react,node,graphql - thanks!

[@PedroTechnologies]

Thank you so much! Really appreciate it!

[@richardmelkonian5681]

thanks for this great content. Note for anyone following along mockaroo now formats generated data as first_name and last_name. Either replace them with firstName and lastName or change your query.

[@ayushdedhia25]

Hello Sir, it was great watching this video!! I was banging my head here there to find a good tutorial to learn Graphql, but didn't get the tutorial as yours... You just taught it like its just a piece of cake. You were really a life saver for me ❤️ Thank You!! Love from India 🇮🇳

[@PedroTechnologies]

Thank you so much! I know graphql is hard, so I am happy to see I could help :)

[@ArKy326]

You always have a video what I need to learn keep it up fam! 🔥

[@PedroTechnologies]

Hahaha Glad to hear it!

[@DanFlakes]

Like everyone before me, I just want to say your video is the only one that gave me a clear idea on how GraphQL works. Thanks man!

[@PedroTechnologies]

Thank you so much! I am very happy that this video helped so many people, I used to be scared of posting graphql videos because I know how easy it is to make it confusing.

[@BinhNguyen-os1dc]

love the way you explain GraphQL and how it work with simple tutorial

[@tunde6159]

Best tutorial channel on KZbin. I have learned so much from you in such a short time. Thank you.

[@PedroTechnologies]

Wow thanks hahaha I feel very motivated when I read comments like this :)

[@davidmomoh7019]

Thank you bro. You just cleared all the confusions I had about graphQL

[@mandihaase2744]

Awesome introduction to GraphQL. This was perfect!

[@PedroTechnologies]

Glad you liked it! Really happy it helped!

[@muhammadnaveeed9382]

one of the best tutorials on graph ql in an easy way. really love it. you save my 2-3 days which i was wasting to learn it earlier. thank you soo much 👍👍👍👍👍😍😘😍

[@PedroTechnologies]

Glad it helped!

[@programming7292]

Why can't everyone teach like this. Why? Hats off man hats off. You explained it in a way that I finally understand.

[@dawid_dahl]

Really good introductory video. Thank you! (Subbed!)

[@PedroTechnologies]

Thank you! Glad you enjoyed it!

[@DarkRider213]

thank you so much! this was so helpful. finally feel like i understand graphql

[@PedroTechnologies]

Glad it helped!

[@ede7051]

Really appreciate the use of mock data to bring the example to life 🏆

[@PedroTechnologies]

Glad you liked it!

[@mohsenrazavi6959]

I have been watching many tutorials, but the point was confused me! you taught graphQL with express like drinking a cup of tea, thank you body 😘

[@ADIYR]

Thank you very much, this is very helpful in learning graphql from the client and server side

[@PedroTechnologies]

Glad to hear that

[@mohamedwaqqas]

Liked and subbed. This video finally made it all click in place. Thanks mate.

[@PedroTechnologies]

Glad it helped! I am happy to see you liked it!

[@SSn0wx]

Amazing tutorial my friend! Brazillian teachers are always the best ones lol

[@PedroTechnologies]

Thanks! 😃

[@meghnapradhan3526]

this video was a lot of help ! Thankyou !

[@ScottsCowansCStories]

Great tutorial. Thank you so much!

[@ITZindgi]

At what context i should use native graphql library as you have explained very well over other library like Apollo client ?

[@romimaximus]

This is the best and better explained GraphQl video that i ever watched... you are a great awesome teacher Pedro..!!! 100 stars for you !! 😁🤘🤘

[@PedroTechnologies]

Hahaha Thank you so much! I love GraphQL and I am glad that I was able to help you!

[@romimaximus]

@@PedroTechnologies estou com dúvida tenho um frontend em ReactJs, e no Graphql só tenho 1 endpoint certo ? , e no caso no front eu uso "localhost/adduser"..para adicionar um usuário...qual seria o endereço para enviar esses dados ? ..rsss...obrigado..👍

[@PedroTechnologies]

@@romimaximus Boa, é um pouco differente quando trabalha com graphql. Inves de usar uma funcao como o fetch ou o Axios, precisa usar uma library de graphql pra o react. Eu uso o apollo client 3.0. Vou fazer um video explicando tudo!

[@romimaximus]

@@PedroTechnologies uai ...parceiro ...vc é BR...!! rssss....e eu tbm nem notei que escrevi em português...agora que fui ver...mas valeu..estarei aguardando...rsss...👍

[@PedroTechnologies]

@@romimaximus kkkkkkk achei q c escreveu pq sabia q eu era br

[@mathiashandle5510]

Excellent tutorial as always!

[@PedroTechnologies]

Thank you!

[@mwnkt]

Thank you sir, for some reason i prefer this aproach to the apollo server way of creating graphql servers.

[@shabnamnaaz4676]

I have a question , when resolving each field , we will need to write Rest api call for fetching data , and that would be fetching complete dataset , from which fields would be returned which user requested for . how are we optimizing performance here given that our resolver will be getting complete data ?

[@dagmawikindu4773]

Great video! Thank you bro

[@user-hi1zw6rw5m]

It helps me a lot .Thanks

[@ThColinPereira]

This video helped me so much! Thanks

[@PedroTechnologies]

You're welcome! Really appreciate is colinskey

[@parasmanikc7341]

Great Video, thanks Pedro

[@shakshirastogi273]

really nice video. i got the concept

[@user-jp8gw3zl9m]

mutation createUser yields nulls than actual values in newer version of the graphql?

[@dzmitryaksionau4742]

Pedro nice work. Thanck you!

[@jackdo6594]

Really useful, thank you

[@cedrickvstheworld1810]

Cant freaking believe i learn graphql in less that 30 mins. Thanks man

[@PedroTechnologies]

Great to hear!

[@mikeycatz2990]

How or what would you need to do in regards to setting the port on a live api once it is hosted on a live server?

[@kinoshan591]

This video helped so much thanks bro 👍

[@PedroTechnologies]

Glad to hear it!

[@joseantoniovela9599]

very good, videos, thanks for help some programmers

[@vizunaldth]

Solid primer, thx!

[@assimez-zaky8363]

Great Tutorial!

[@slawekmarciniak3294]

After adding person object and refresh server new person dissapears. In mutation "create user" I add fs.writeFileSync with arguments to update mock-data.json. Now everything works fine. It is good way to make db for future upgrade? Or its better to add some db like mongo?

[@BobbyBundlez]

once again killin it with the explanations my bro. think i watched ur mysql vid a month back... now on to graphql UGH lol... bit overwhelming but ur tutorils are helping. u have a vid on apollo, graphql, and mysql by any chance? all being used together?

[@PedroTechnologies]

Hahaha thank you! The learning proccess is overwhelming but its worth it! I have a series on graphql mysql and react. But I use typescript in that one. kzbin.info/aero/PLpPqplz6dKxXRJLbOLozaQCB5Py4CEpzS

[@mohamad0192]

awesome teaching! ✌✌✌

[@maxmaksum4673]

bro..you are the best in explanation

[@PedroTechnologies]

Thank you so much 😀

[@ricardotech]

Daora Pedrão!!!! Valeu pelo videeo

[@PedroTechnologies]

Tmj

[@GuilhermeHenrique-vo1sk]

Just Awesome !

[@rongzhaohua]

thank you for this teaching❤

[@DToxVanilla]

has been useful to me.

[@michaelodonovan6989]

Good stuff. Any tips on other ways to store the user data?

[@geonpyunglee939]

Great tutorial!! Thank you Pedro

[@emyboybeats4330]

This is the only video that makes sense on KZbin 😂😂

[@PedroTechnologies]

Hahaha I am glad you liked it!

[@aian-dev]

I like the way that your talking already in 1.5x speed. Don't need to manually adjust it anymore lol

[@PedroTechnologies]

Hahaha glad you liked it!

[@skverskk]

Excellent tutorial

[@PedroTechnologies]

Glad you think so!

[@inakujoel3300]

Really enjoyed it, but mine wasn't returning data from my database (mongodb) to the graphiQl 😭 When I console logged it, the data was there but it wasn't accepted by graphql with no errors thrown

[@saurabhs4743]

Really good.. you remind me of thenewboston

[@shubhamathawale7296]

your lectures are so damn simple and easy to learn. but which FONT and THEME you using in this tutorial?

[@MohitKumar-kt5ss]

Bro, can you tell redux is necessary for mern stack or not? I am fresher in this field. I learned crud operation in mern from your channel but I have this confusion.

[@PedroTechnologies]

It is not necessary! State management is important, but redux is not the only state management library. React has a built in api for state management called the Context API, and I like using it!

[@MohitKumar-kt5ss]

@@PedroTechnologies thanks bro, you are doing great

[@Github_tech_with_ty]

What extension imorted Graphq list automatically

[@taranewstime6909]

Bro I am waiting for this

[@PedroTechnologies]

Hahaha u have been asking for this tutorial for a long time! The Graphql and react tutorial is coming up soon!

[@amartyachoudhary6793]

The best part of the video was that he ran the server on PORT 6969

[@nikhilverma4976]

What if I want 2 graphql endpoints. One of which is authenticated and the other is not

[@haolicoder-5898]

You are amazing.

[@thunderstack5365]

Ahh I am late 😅 btw nice explaination

[@PedroTechnologies]

No problem 😊 Thank you!

[@BeepyDev]

Good tutorial, but in post production you have to fix those errors ahead of time, or have some kind of time stamp pop up to correct it. I spent a good 20 minutes wondering why my server wouldn't run, until I realized myself that I had to destructure GraphQLObjectType & friends from graphql AFTER the es5 import (like you did at 25:55).

[@PedroTechnologies]

Sorry about that! Its kinda difficult sometimes you know. I also want to keep authenticity, like I hated when I was learning and I watched a video of someone doing everything perfectly and pretending not to be looking to the code already premade in another screen. When I do my videos I like to code while I talk cause if I make a mistake I can show how to solve to you guys. This time it was kinda bad hahaha but I will try to stop this errors!

[@BeepyDev]

@@PedroTechnologies Thats okay it's completley understandable -- just wanted to offer some constructive criticism is all. This tutorial was otherwise very very fruitful! Thank you for making it : )

[@awara6984]

Thank you

[@slawekmarciniak3294]

hi, thank you for tutorial. I've had problem. I wrote graphql: true, instead graphiql: true! Now is everything ok.

[@silvesterwali6565]

hi pedro i have follow along your video ..and it amazing . and i found that you seperate the grapql User type . and when i add another type just say cityType then i add city to user type and use the cityType and call with user query example user {_id,name,city{_id,cityName} } ...and it work as i expected.but now when i add user type in city type and what i want is get all user who live in city but i get error for this ....

[@PedroTechnologies]

Thank you! So let me understand it better. You defined a model for user, and each user has a field which is a city type correct? And now u want to query all users from a certain city? In this case is more about the database you are using rather than graphql. Which db are u using?

[@silvesterwali6565]

@@PedroTechnologies hi bro ...i using mongodb but the problem is not about the type between usertype and city type but how the module should be use ..and i found the similar problem and found the solution too in stackoverflow.com/questions/61259799/graphql-one-of-the-provided-types-for-building-the-schema-is-missing-a-name ..

[@wasimakram5826]

Excellent , I enrolled to graphql course in Udemy, but it is confusing , Thanks alot , Eagerly waiting for next videos creating api with graphql and react

[@PedroTechnologies]

Glad you liked it! I plan on making a lot more graphql series! I posted another video on graphql with react!

[@katyat6127]

Great tutorial.All working except of reading json file. Getting "getAllUsers": null. I tried just to read json : const data = JSON.parse(userData) and log it to console and gettiing: undefined:1 [object Object],[object Object],[object Object],[

[@sugamkarki697]

Smooth than a fresh jar of skippy

[@KitKat-dl6ec]

What's this VS code extension for autocomplete GraphQL syntax?

[@KitKat-dl6ec]

Also, the tutorial is so amazing

[@PedroTechnologies]

I actually don't use any extension that helps with GraphQL!

[@PedroTechnologies]

Thank you!

[@mahesh4274]

Awesome

[@PedroTechnologies]

Thank you!

[@boffinschist1098]

I'm getting null data returned in GraphiQL at 28minutes into the video. I followed it to an absolute tee, even changing parts of the code that you changed about 3 times with saying anything about it. I barely knew where the on switch was on a computer so I did well to get up to there. It says "getAllUsers": null in the response. I have tried the code from github but it includes stuff in video 2 and doesn't work. I guess there would be things I need to include to make that work. Hope someone can tell me what's going on with the "getAllUsers": null response.

[@boffinschist1098]

nudge nudge pls

[@amine1644]

Only a man of culture would choose port 6969.

[@kerimkeskin927]

👍🏻

[@artax5005]

Unfortunately "graphql-express" package is deprecated.

[@mr_bade_shubhzzz90]

Hi I am following this video. Could you please help me if you have any other reference or solution. Any help will be appreciated 🙂

[@artax5005]

@@mr_bade_shubhzzz90 Sorry, but I decided not to use Graphql.

[@JosephAli93]

actually, npm install express-graphql didn;t work for me, so i did npm install express only

[@anshumanxda]

NIce PORT

[@fannoth1]

Have somebody code from the start of video? Not the end of course.

[@Yolosopher27]

man you are so cute and clever... Excellent at explaining, I subscribed (P.S. no homo xD)

[@IkraamDev]

Search “JavaScript Mastery Best Terminal Configuration”

[@PedroTechnologies]

Thanks for the tip!

[@lakshaykhurana455]

Please add the code link in the description.

[@PedroTechnologies]

Here it is: github.com/machadop1407/GraphQL-ApolloClient-Template

[@lakshaykhurana455]

@@PedroTechnologies Thanks!🤗

[@albertomedinarobredo]

Are your parents from Spain?

[@rolikaseventysix]

.. Go back twice?Just no! However, thanks for the video, cool one!

[@muhammadshahbaz-op4ei]

SIR kindly upload all the code on github, so sometime it's easy to understand from code, after watching the whole video,

[@PedroTechnologies]

Sorry about that, here is the link: github.com/machadop1407/GraphQL-ApolloClient-Template

[@Shellflower1234]

You’re so cuteeeee

[@PedroTechnologies]

Thank you!

[@The_Pavanputra]

I understood nothing

[@PedroTechnologies]

I'm sorry to hear that. What exactly did you have trouble with?

[@The_Pavanputra]

Looks like you just gave a walkthrough over the code and didnt really feel the need to explain.

[@PedroTechnologies]

I understand! I try to use criticism to improve my next few videos. This video is pretty old so I agree I might not be the best one out there. Anyways, if you need any help I do have a full graphql series where I go over this and I for sure go over and explain everything :)

[@CodeWithPrajwol]

localhost:6969 (sus) 😳⚫ the way you teach is really amazing. Keep it up

[@garrysandhu4197]

Awesome

[@PedroTechnologies]

Thank you!