데브허브 | DEVHUB | FullStack GraphQL React Tutorial - Learn Apollo Client / Apollo Server For Beginners
To try everything Brilliant has to offer—free—for a full 30 days, visit https://brilliant.org/PedroTech/ . You’ll also get 20% off an annual premium subscription.
In this tutorial, we'll build a full-stack application with React, Apollo Client, Apollo Server, and GraphQL. You'll learn how to create a simple CRUD app to manage users, fetch data by ID, and add new users. Perfect for developers looking to dive into modern web development with GraphQL!
Code: https://github.com/machadop1407/fulls...
Want to Support Me? https://buymeacoffee.com/pedrow
Follow Me On Dev.to: https://dev.to/pedrotech
🚀 Learn ReactJS By Building 6 Projects: https://codedamn.com/learn/reactjs-pr...
🐙 GraphQL Course: https://codedamn.com/learn/graphql-fo...
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: pedrotech.co
Linkedin: / machadop1407
Instagram: / pedro.fmachado_
Github: https://github.com/machadop1407
Business Email: pedro@pedrotech.co
🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 https://amzn.to/42kqFuM 💻 Monitor
🖱️https://amzn.to/3C0ZhHb 🖱️ Mouse
📷 https://amzn.to/3OHJvbM 📷 My Camera
🎤 https://amzn.to/3oxSthj 🎤 My Microphone
⌨️ https://amzn.to/3oFPpj1 ⌨️ My Microphone
⚡ https://amzn.to/3MYMnzM ⚡ LED Lights In the Background
Tags:
ReactJS Tutorial
ReactJS
GraphQL
API Tutorial
TIMESTAMPS:
---------------------------
00:00 - Introduction to building a full stack application with GraphQL.
02:09 - Setting up a GraphQL server with Apollo and Node.js.
06:59 - Understanding GraphQL backend type definitions and resolvers.
09:08 - Define GraphQL types and resolvers for user data management.
13:37 - Defining required fields in GraphQL queries and mutations.
15:39 - Defining user types and resolvers for a GraphQL API.
19:44 - Implemented GraphQL queries and user creation mutation.
21:59 - Successfully running Apollo Server enables GraphQL queries testing.
26:16 - Setting up Apollo Client in a React application.
28:26 - Set up Apollo Client for GraphQL access in a React app.
32:38 - Manage data loading and error states in UI components.
34:57 - Learn to query specific data with GraphQL's flexibility.
39:21 - Managing loading states and displaying user data in React.
41:47 - Learn to define and use GraphQL mutations for user creation.
46:14 - Updating user details and handling input data types.
48:26 - Debugging user creation in Apollo Server and demonstrating data display.
#reactjs #graphql
