FullStack GraphQL React Tutorial - Learn Apollo Client / Apollo Server For Beginners

Video Description

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/fullstack-graphql-crud-tutorial 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-projects 🐙 GraphQL Course: https://codedamn.com/learn/graphql-for-beginners Social ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Website: pedrotech.co Linkedin: https://www.linkedin.com/in/machadop1407/ Instagram: https://www.instagram.com/pedro.fmachado_ Github: https://github.com/machadop1407 Business Email: [email protected] 🌟 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