GraphQL Tutorial Beginner - Learn GraphQL in NodeJS / ExpressJS
Вставка
- Опубліковано 27 гру 2024
- 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/mac...
-
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/l...
Please leave a comment on what topic you guys want me to cover next!
-
📞 Tutoring Session: www.fiverr.com...
💻 PedroTech Discord: / discord
-
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Twitter: / pedrotech_
Linkedin: / machadop1407
Instagram: / _pedro.machado_
Github: github.com/mac...
Email: machadop1407@gmail.com
Tags:
GraphQL
GraphQL Tutorial
ReactJS Tutorial
ReactJS and MySQL
NodeJS Tutorial
API Tutorial
![Lp. Сердце Вселенной #60 РОЖДЕНИЕ ЛОЛОЛОШКИ [Финал] • Майнкрафт](http://i.ytimg.com/vi/YoR0pAV9FVQ/mqdefault.jpg)
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
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 :)
Why can't everyone teach like this. Why?
Hats off man hats off. You explained it in a way that I finally understand.
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!
You're a natural teacher. Great tutorial!
Thank you for taking the time doing this.
Best tutorial channel on UA-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 :)
Cant freaking believe i learn graphql in less that 30 mins. Thanks man
Great to hear!
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! 😃
Awesome introduction to GraphQL. This was perfect!
Glad you liked it! Really happy it helped!
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
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!
Really appreciate the use of mock data to bring the example to life 🏆
Glad you liked it!
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.
You always have a video what I need to learn keep it up fam! 🔥
Hahaha Glad to hear it!
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.
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!
love the way you explain GraphQL and how it work with simple tutorial
This is the only video that makes sense on UA-cam 😂😂
Hahaha I am glad you liked it!
Thank you bro. You just cleared all the confusions I had about graphQL
This man has solution for everything
Really good introductory video. Thank you! (Subbed!)
Thank you! Glad you enjoyed it!
bro..you are the best in explanation
Thank you so much 😀
thank you so much! this was so helpful. finally feel like i understand graphql
Glad it helped!
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 ?
At what context i should use native graphql library as you have explained very well
over other library like Apollo client ?
mutation createUser yields nulls than actual values in newer version of the graphql?
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?
Excellent tutorial as always!
Thank you!
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!
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
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?
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
Thank you sir, for some reason i prefer this aproach to the apollo server way of creating graphql servers.
What if I want 2 graphql endpoints. One of which is authenticated and the other is not
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 : )
this video was a lot of help ! Thankyou !
Great tutorial!! Thank you Pedro
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. ua-cam.com/play/PLpPqplz6dKxXRJLbOLozaQCB5Py4CEpzS.html
This video helped so much thanks bro 👍
Glad to hear it!
Thank you very much, this is very helpful in learning graphql from the client and server side
Glad to hear that
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
..
Great tutorial. Thank you so much!
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!
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
This video helped me so much! Thanks
You're welcome! Really appreciate is colinskey
What extension imorted Graphq list automatically
hi, thank you for tutorial. I've had problem. I wrote graphql: true, instead graphiql: true! Now is everything ok.
Good stuff. Any tips on other ways to store the user data?
Only a man of culture would choose port 6969.
Great video! Thank you bro
really nice video. i got the concept
awesome teaching! ✌✌✌
The best part of the video was that he ran the server on PORT 6969
very good, videos, thanks for help some programmers
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!
Really good.. you remind me of thenewboston
Pedro nice work. Thanck you!
Excellent tutorial
Glad you think so!
thank you for this teaching❤
Great Video, thanks Pedro
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],[
your lectures are so damn simple and easy to learn. but which FONT and THEME you using in this tutorial?
Really useful, thank you
actually, npm install express-graphql didn;t work for me, so i did npm install express only
Great Tutorial!
Daora Pedrão!!!! Valeu pelo videeo
Tmj
has been useful to me.
Solid primer, thx!
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
Ahh I am late 😅 btw nice explaination
No problem 😊 Thank you!
Please add the code link in the description.
Here it is: github.com/machadop1407/GraphQL-ApolloClient-Template
@@PedroTechnologies Thanks!🤗
Have somebody code from the start of video? Not the end of course.
Just Awesome !
You are amazing.
Search “JavaScript Mastery Best Terminal Configuration”
Thanks for the tip!
Thank you
Are your parents from Spain?
Awesome
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
NIce PORT
man you are so cute and clever... Excellent at explaining, I subscribed (P.S. no homo xD)
👍🏻
You’re so cuteeeee
Thank you!
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!