Building React v18 App with Apollo Client v3. (No REDUX)

Create Contacts Manager using GraphQL(Apollo Client v3) &React v18

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.

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.

Course Content

  • Introduction to the course –> 3 lectures • 27min.
  • Environment Setups –> 2 lectures • 8min.
  • Final Project – Contacts Manager –> 8 lectures • 53min.

Building React v18 App with Apollo Client v3. (No REDUX)

Requirements

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 SweettAlert

 

We 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.

Get Tutorial