Create Contacts Manager using GraphQL(Apollo Client v3) &React v18
What you'll learn
Create React App using Apollo Client 3
Using GraphQL APIs to create React App
How to Consume GraphQL APIs from React
Secure GraphQL React App
Create React App without using Redux
Requirements
React Concepts
GraphQL Concepts
jаvascript Concepts
Description
In this course, you will learn how to build React v18 App using Apollo Client v3 without using external state management like redux, Apollo Client v3 has its state management that can be used without adding any external state management with the new feature added to v3 called Reactive Variables, you can have complete state management without adding anything.We will learn how to consume GraphQL APIs from Our React App by creating app called Contacts Manager, we will see how to create, update, delete and get data from GraphQL APIs, and lastly will see how to secure our app by implementing GraphQL security (Authentication aand Authorization).We will also see how to use ReactRouter(v6), the current React Router to implement Navigation in our react app, it also supports react hooks and has more features that we will learn in this course.If you are a web designer, you can still use your system design, but in this course, you will see how to use components like Material UI v5(mui5), AntDesign, MantineUI and SweettAlertWe will use React Hook Forms for user integration with our App, so we will learn how to use React Hook Forms and see more of its features in this course.At the end of the course, you will be able to create any react app that consumes GraphQL APIs and you will be able to secure it by implementing authentication and authorization, I hope this course will speed up your development without worrying State managements like REDUX,Happy Learning! see you in the course.
Overview
Section 1: Introduction to the course
Lecture 1 Course Overview
Lecture 2 Final Project Demo
Lecture 3 Course Requirements
Section 2: Environment Setups
Lecture 4 Installing Node.js
Lecture 5 Installing VS Code
Section 3: Final Project - Contacts Manager
Lecture 6 Create React App Command
Lecture 7 Project Structure
Lecture 8 Navigation - Home Page
Lecture 9 Styling Home Page - Part 1
Lecture 10 Styling Home Page - Part 2
Lecture 11 Introduction to Apollo Client 3
Lecture 12 How it works
Lecture 13 Install and Configure Apollo Client
React Developer,Web Developer,GraphQL Developer,Anyone wants to learn React and GraphQL,GraphQL Backend Developer who wants to create Client Apps using React
Screenshots