GraphQL from Scratch with MERN Stack

GraphQL from Scratch with MERN Stack, available at $64.99, has an average rating of 4.7, with 140 lectures, based on 77 reviews, and has 11901 subscribers.

You will learn about GraphQL from Scratch Mastering GraphQL Queries Mutations and Subscriptions Build FullStack GraphQL Project with MERN Stack Apollo GraphQL Server with Node Express MongoDB Apollo GraphQL Client with React and Firebase Firebase Authentication (Client Side / Server Side) Realtime GraphQL Subscriptions CRUD (Create Read Update Delete) with MongoDB Multiple Image Uploads Authentication and Authorization User Dashboard with Custom Layout Private and Public Routing Reusable React Components 100% Usage of React Hooks State Management with Context API and Apollo Client Cache Using Latest React Router Hooks Using Latest Apollo GraphQL Hooks for Queries Mutations and Subscriptions Deployment to Heroku Plus Tons of Real World Examples that you can use in your future projects This course is ideal for individuals who are React Node Developers looking to learn GraphQL from Scratch or React Node Developers looking to build Modern Realtime Web Apps with MERN Stack It is particularly useful for React Node Developers looking to learn GraphQL from Scratch or React Node Developers looking to build Modern Realtime Web Apps with MERN Stack.

Enroll now: GraphQL from Scratch with MERN Stack

Summary

Title: GraphQL from Scratch with MERN Stack

Price: $64.99

Average Rating: 4.7

Number of Lectures: 140

Number of Published Lectures: 139

Number of Curriculum Items: 140

Number of Published Curriculum Objects: 139

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

GraphQL from Scratch

Mastering GraphQL Queries Mutations and Subscriptions

Build FullStack GraphQL Project with MERN Stack

Apollo GraphQL Server with Node Express MongoDB

Apollo GraphQL Client with React and Firebase

Firebase Authentication (Client Side / Server Side)

Realtime GraphQL Subscriptions

CRUD (Create Read Update Delete) with MongoDB

Multiple Image Uploads

Authentication and Authorization

User Dashboard with Custom Layout

Private and Public Routing

Reusable React Components

100% Usage of React Hooks

State Management with Context API and Apollo Client Cache

Using Latest React Router Hooks

Using Latest Apollo GraphQL Hooks for Queries Mutations and Subscriptions

Deployment to Heroku

Plus Tons of Real World Examples that you can use in your future projects

Who Should Attend

React Node Developers looking to learn GraphQL from Scratch

React Node Developers looking to build Modern Realtime Web Apps with MERN Stack

Target Audiences

React Node Developers looking to learn GraphQL from Scratch

React Node Developers looking to build Modern Realtime Web Apps with MERN Stack

Learn Realtime Web Development with GraphQL from absolute scratch along with React Node MongoDB (Full Stack / MERN Stack) and Firebase (for authentication).

In this course you learn GraphQL from Scratch in fun and easy learning environment

You will learn GraphQL from the very beginning

Learn to build Apollo GraphQL Server with Node Express and MongoDB

Learn to build Apollo GraphQL Client with React hooks and Firebase

Client side state management with React Context API and Apollo Client Cache

Build a true Realtime Web Application

Build Production ready Authentication System with email activation, forgot/reset password etc using Firebase

Learn  Multiple Image Uploads

Build entire frontend using latest Hooks from React, React Router and Apollo Client

Tons of real world skills (Performing GraphQL Queries, Mutations, Subscriptions, Authentication, Authorization, CRUD, Uploads etc)

Learn to Deploy GraphQL Server and Client to Heroku Cloud

Gain theoretical and practical knowledge necessary to build your next big GraphQL Project with MERN Stack

Most up to date course that uses 100% React Hooks including Context API (to achieve Redux like architecture), Latest React Router Hooks and Latest Apollo GraphQL Hooks for performing Queries, Mutations and Subscriptions

So if you are looking to Build Lightning Fast Realtime Web Apps using GraphQL with MERN Stack, don’t waste your valuable time wandering around and trying to learn it from 10 different resources.

I have packed everything into this course for you to fully understand all the practical GraphQL concepts from basic to advance.

Ready to go FullStack GraphQL with Node React MongoDB Firebase Authentication CRUD Realtime Subscriptions Deployment and more

Join me 馃檪

Course Curriculum

Chapter 1: Introduction

Lecture 1: Are you new to JavaScript React and NodeJs?

Lecture 2: Course Introduction

Lecture 3: What is GraphQL?

Lecture 4: Trying GraphQL Playground

Lecture 5: GraphQL vs REST

Lecture 6: About the course

Chapter 2: GraphQL Node Server, Type Definitions and Resolvers

Lecture 1: Express server

Lecture 2: GraphQL server

Lecture 3: GraphQL express server

Lecture 4: Deprecated warning – merge-graphql-schemas

Lecture 5: Multiple typeDefs

Lecture 6: Multiple resolvers

Lecture 7: Mongo atlas setup

Lecture 8: Local mongodb connection

Lecture 9: Post query

Lecture 10: Post mutation

Lecture 11: Input type and query variables

Chapter 3: GraphQL React Client and Query Hooks

Lecture 1: React setup

Lecture 2: GraphQL query

Lecture 3: useQuery hook

Lecture 4: useLazyQuery hook

Chapter 4: Authentication with Firebase and React (Client Side)

Lecture 1: Firebase auth flow

Lecture 2: Firebase setup

Lecture 3: State management with context and reducer hooks

Lecture 4: Using dispatch context and router hooks

Lecture 5: Navbar

Lecture 6: React router version

Lecture 7: React router

Lecture 8: User register form

Lecture 9: Confirmation email using firebase

Lecture 10: Toast notification and loading

Lecture 11: Complete registration form

Lecture 12: Register with email and password

Lecture 13: Dispatch user info to context state

Lecture 14: User onAuthStateChanged

Lecture 15: Logout from firebase

Lecture 16: Login with firebase

Lecture 17: Login with google

Chapter 5: Authentication with Firebase Node MongoDB (Server Side)

Lecture 1: Server auth logic

Lecture 2: GraphQL auth logic

Lecture 3: GraphQL req headers auth logic

Lecture 4: Firebase admin verify authtoken

Lecture 5: Apollo client authtoken in headers

Lecture 6: User model

Lecture 7: User create typeDefs

Lecture 8: User create mutation

Lecture 9: Create or update user in mongodb

Lecture 10: Mutation from apollo client

Lecture 11: User update or create in login

Lecture 12: Reusable auth form

Lecture 13: Code refactor in login and register complete

Chapter 6: User Dashboard

Lecture 1: What is next?

Lecture 2: Private route

Lecture 3: Dashboard with static nav

Lecture 4: Dashboard pages and nav links update

Lecture 5: Password forgot

Lecture 6: Password update form

Lecture 7: Password update with firebase

Lecture 8: Code refactoring typeDefs

Chapter 7: Public Profile

Lecture 1: User input and image types

Lecture 2: User update mutation

Lecture 3: User profile query

Lecture 4: Scalar type datetime

Lecture 5: Profile query apollo client

Lecture 6: useMemo hook

Lecture 7: Profile update form

Lecture 8: useMutation hook to update profile

Lecture 9: Remove typename from mutation

Lecture 10: GraphQL fragments

Lecture 11: Queries and mutations refactor

Chapter 8: Multiple Image Upload and Resize

Lecture 1: Cloudinary setup

Lecture 2: Upload flow and more middlewares

Lecture 3: Upload image to cloudinary

Lecture 4: Delete image and auth middleware

Lecture 5: Cloudinary config

Lecture 6: Image resize in react

Lecture 7: Cloudinary upload react

Lecture 8: Display images

Lecture 9: Delete image

Chapter 9: Code Refactor

Lecture 1: Code refactor profile form

Lecture 2: Code refactor image upload and delete

Lecture 3: Code refactor display images and delete

Lecture 4: Code refactor image component

Chapter 10: Public Routes

Lecture 1: Countdown to redirect

Lecture 2: Public route

Lecture 3: Public profile query and resolver

Lecture 4: All users query and resolvers

Lecture 5: useQuery hook all users

Lecture 6: User card component

Lecture 7: Public profile component

Instructors

Ryan Dhungel
Web Developer

Rating Distribution

1 stars: 3 votes

2 stars: 3 votes

3 stars: 7 votes

4 stars: 17 votes

5 stars: 47 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!