Complete course on GraphQL where you will create a full-stack application from scratch using:
– GraphQL server on Node.js
– React front-end (with Apollo)
– MongoDB to store data
Checkout The Net Ninja YouTube Channel for more great tutorials: https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg
⭐️ Course Links ⭐️
🔗Course files – https://github.com/iamshaunjp/graphql-playlist (switch branches to access files)
🔗Atom editor – https://atom.io/
🔗CMDER – http://cmder.net/
🔗Node Download – https://nodejs.org/en/
⭐️ Course Contents ⭐️
#1 (0:00)- Introduction to GraphQL
#2 (6:51)- A Birdseye View of GraphQL
#3 (10:59)- Project (stack) Overview
#4 (14:18)- Making Queries (front-end preview)
#5 (20:05)- Express App Setup
#6 (25:41)- Setting up GraphQL
#7 (31:02)- GraphQL Schema
#8 (38:08)- Root Query
#9 (48:20)- The Resolve Function
#10 (53:16)- Testing Queries in Graphiql
#11 (59:49)- GraphQL ID Type
#12 (1:03:36)- Author Type
#13 (1:09:30)- Type Relations
#14 (1:17:41)- GraphQL Lists
#15 (1:25:56)- More on Root Queries
#16 (1:29:39)- Connecting to mLab
#17 (1:35:51)- Mongoose Models
#18 (1:42:53)- Mutations
#19 (1:53:06)- More on Mutations
#20 (1:58:58)- Updating the Resolve Functions
#21 (2:06:45)- GraphQL NonNull
#22 (2:12:20)- Adding a Front-end
#23 (2:15:50)- Create React App
#24 (2:24:18)- Book List Component
#25 (2:27:55)- Apollo Client Setup
#26 (2:34:47)- Making Queries from React
#27 (2:42:26)- Rendering Data in a Component
#28 (2:49:23)- Add Book Component
#29 (2:59:41)- External Query File
#30 (3:04:12)- Updating Component State
#31 (3:12:35)- Composing Queries
#32 (3:24:48)- Query variables
#33 (3:31:05)- Re-fetching Queries
#34 (3:35:11)- Book Details Component
#35 (3:42:47)- Making a Single Query
#36 (3:54:13)- Styling the App
source
Is this not n+1 ? When querying for books with author name?
Holly molly, completed the 4hr video in one go… Usefull stufff!!!!!
Thanks for graphql part 🙏
Thank you so much!
at 55:28 when we use graphiql= true, it suppose to open the tool in the browser. Anyways it is not working for me. anyone else with this problem?
Is this course still worth ?
Thanks!
Superb Video, Thank you, buddy, way you explained each step was awesome!
Is this still relevant? I love netninja
Hey bro, I have a question. What if you want custom types for the GraphQL query? For example if I want a date or a JSON object, how can I do this? I've search online but I can't find anything for node…
Thanks for the video
So, I have a doubt.. When we define args for the root query, are all args required to be passed when called or, its okay to pass some of them ?
Awesome Content, Thanks!
If you are facing props undefined issue when logging the props to the console in 2:40:10 , i was able to fix it by passing the props to the functional component and then calling it directly without the this keyword, like this function BookList(props){ console.log(props) } , this is how props are accessed in functional components.
Thanks
app.use(cors()); is not working, i am unable to attach the front with backend.
Here at 28:41 as graphqlHTTP is a function, initialize it as
const {graphqlHTTP} = require('express-graphql'); Instead of
const graphqlHTTP = require('express-graphql');
is it still relevant after four years of upload? does it have any deprecation changes?
6:54 this is awesome how you divided all of the lessons branch-wise. Where can I learn it from? It would be very kind if anyone could suggest me a resource to this git command. Thanks !!