GraphQL Tutorial Beginner - Learn GraphQL in NodeJS / ExpressJS
ฝัง
- เผยแพร่เมื่อ 14 ธ.ค. 2020
- 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: machadop1407@gmail.com
Tags:
- GraphQL
- GraphQL Tutorial
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial - วิทยาศาสตร์และเทคโนโลยี
You're a natural teacher. Great tutorial!
Thank you for taking the time doing this.
I've watched at least 20 videos on graphql. It has been your video that finally made it "click" for me. Thanks.
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!
Same here. Great job👍
@@PedroTechnologies honestly same here thanks man
you explain everything so easily some of the best content ive found on youtube for react,node,graphql - thanks!
Thank you so much! Really appreciate it!
Best tutorial channel on TH-cam. I have learned so much from you in such a short time. Thank you.
Wow thanks hahaha I feel very motivated when I read comments like this :)
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!
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.
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 🇮🇳
Thank you so much! I know graphql is hard, so I am happy to see I could help :)
love the way you explain GraphQL and how it work with simple tutorial
Why can't everyone teach like this. Why?
Hats off man hats off. You explained it in a way that I finally understand.
Thank you bro. You just cleared all the confusions I had about graphQL
You always have a video what I need to learn keep it up fam! 🔥
Hahaha Glad to hear it!
Awesome introduction to GraphQL. This was perfect!
Glad you liked it! Really happy it helped!
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 👍👍👍👍👍😍😘😍
Glad it helped!
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 😘
Amazing tutorial my friend! Brazillian teachers are always the best ones lol
Thanks! 😃
thank you so much! this was so helpful. finally feel like i understand graphql
Glad it helped!
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.
Really appreciate the use of mock data to bring the example to life 🏆
Glad you liked it!
this video was a lot of help ! Thankyou !
Great tutorial. Thank you so much!
Liked and subbed. This video finally made it all click in place. Thanks mate.
Glad it helped! I am happy to see you liked it!
Really good introductory video. Thank you! (Subbed!)
Thank you! Glad you enjoyed it!
Thank you very much, this is very helpful in learning graphql from the client and server side
Glad to hear that
Excellent tutorial as always!
Thank you!
Great video! Thank you bro
Cant freaking believe i learn graphql in less that 30 mins. Thanks man
Great to hear!
It helps me a lot .Thanks
really nice video. i got the concept
Great Video, thanks Pedro
very good, videos, thanks for help some programmers
Really useful, thank you
Pedro nice work. Thanck you!
Great tutorial!! Thank you Pedro
This is the best and better explained GraphQl video that i ever watched... you are a great awesome teacher Pedro..!!! 100 stars for you !! 😁🤘🤘
Hahaha Thank you so much! I love GraphQL and I am glad that I was able to help you!
@@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..👍
@@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!
@@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...👍
@@romimaximus kkkkkkk achei q c escreveu pq sabia q eu era br
awesome teaching! ✌✌✌
This video helped me so much! Thanks
You're welcome! Really appreciate is colinskey
Solid primer, thx!
Just Awesome !
has been useful to me.
This is the only video that makes sense on TH-cam 😂😂
Hahaha I am glad you liked it!
This video helped so much thanks bro 👍
Glad to hear it!
Thank you sir, for some reason i prefer this aproach to the apollo server way of creating graphql servers.
thank you for this teaching❤
bro..you are the best in explanation
Thank you so much 😀
Great Tutorial!
Daora Pedrão!!!! Valeu pelo videeo
Tmj
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?
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. th-cam.com/play/PLpPqplz6dKxXRJLbOLozaQCB5Py4CEpzS.html
Really good.. you remind me of thenewboston
At what context i should use native graphql library as you have explained very well
over other library like Apollo client ?
Good stuff. Any tips on other ways to store the user data?
Excellent tutorial
Glad you think so!
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 ?
You are amazing.
mutation createUser yields nulls than actual values in newer version of the graphql?
Bro I am waiting for this
Hahaha u have been asking for this tutorial for a long time! The Graphql and react tutorial is coming up soon!
Smooth than a fresh jar of skippy
Thank you
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?
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
I like the way that your talking already in 1.5x speed. Don't need to manually adjust it anymore lol
Hahaha glad you liked it!
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?
Ahh I am late 😅 btw nice explaination
No problem 😊 Thank you!
your lectures are so damn simple and easy to learn. but which FONT and THEME you using in this tutorial?
hi, thank you for tutorial. I've had problem. I wrote graphql: true, instead graphiql: true! Now is everything ok.
What if I want 2 graphql endpoints. One of which is authenticated and the other is not
What extension imorted Graphq list automatically
Awesome
Thank you!
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 ....
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?
@@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
..
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
Glad you liked it! I plan on making a lot more graphql series! I posted another video on graphql with react!
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.
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!
@@PedroTechnologies thanks bro, you are doing great
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],[
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).
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!
@@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 : )
👍🏻
NIce PORT
The best part of the video was that he ran the server on PORT 6969
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.
nudge nudge pls
What's this VS code extension for autocomplete GraphQL syntax?
Also, the tutorial is so amazing
I actually don't use any extension that helps with GraphQL!
Thank you!
Only a man of culture would choose port 6969.
actually, npm install express-graphql didn;t work for me, so i did npm install express only
Unfortunately "graphql-express" package is deprecated.
Hi I am following this video. Could you please help me if you have any other reference or solution. Any help will be appreciated 🙂
@@mr_bade_shubhzzz90 Sorry, but I decided not to use Graphql.
Have somebody code from the start of video? Not the end of course.
man you are so cute and clever... Excellent at explaining, I subscribed (P.S. no homo xD)
Search “JavaScript Mastery Best Terminal Configuration”
Thanks for the tip!
Please add the code link in the description.
Here it is: github.com/machadop1407/GraphQL-ApolloClient-Template
@@PedroTechnologies Thanks!🤗
Are your parents from Spain?
You’re so cuteeeee
Thank you!
.. Go back twice?Just no! However, thanks for the video, cool one!
SIR kindly upload all the code on github, so sometime it's easy to understand from code, after watching the whole video,
Sorry about that, here is the link: github.com/machadop1407/GraphQL-ApolloClient-Template
I understood nothing
I'm sorry to hear that. What exactly did you have trouble with?
Looks like you just gave a walkthrough over the code and didnt really feel the need to explain.
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 :)
localhost:6969 (sus) 😳⚫ the way you teach is really amazing. Keep it up
Awesome
Thank you!