Building React V18 App With Apollo Client V3. (No Redux)

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

Javascript 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