Build Full-Stack Apps with GraphQL, Prisma, Node and React

Course Curriculum

Chapter 1: Big Picture of Prisma

Lecture 1: What is Prisma

Lecture 2: Why Prisma

Lecture 3: What Prisma is not

Lecture 4: Who should use Prisma

Lecture 5: What platform and Cloud Providers Prisma work

Lecture 6: What are the benefits of GraphQL

Lecture 7: Prisma generates GraphQL API for your datamodel

Lecture 8: Connect your resolvers to Prisma API

Lecture 9: What is Prisma Query Engine

Lecture 10: What is DataModeling in Prisma

Lecture 11: What databases are supported by Prisma

Lecture 12: What is Prisma Cloud

Lecture 13: VS Code Setup

Lecture 14: Setting up Prisma

Chapter 2: Build GraphQL server with Prisma

Lecture 1: What is DataModel?

Lecture 2: Update Prisma Data Model

Lecture 3: Setup GraphQL server with Prisma

Lecture 4: Setup env variables for Primisa endpoint

Chapter 3: CRUD in Prisma

Lecture 1: Create Data Model in Prisma

Lecture 2: Fetch Records from Database

Lecture 3: Create, Update and Delete Record in Prisma

Chapter 4: Create Frontend CRUD App with React and Apollo Client

Lecture 1: Create React Application

Lecture 2: Create Apollo client in React Application

Lecture 3: Connect Apollo Client to React

Lecture 4: Fetch Data using Apollo Query Component

Lecture 5: Understanding render Prop pattern in React

Lecture 6: Creating Forms in React

Lecture 7: Send GraphQL Mutation from React Component

Lecture 8: Updating Apollo Cache After Mutation

Lecture 9: Adding Routing with React Router

Lecture 10: Render List items to Bootstrap card component

Lecture 11: Query for Single Record

Lecture 12: Edit Record using update Mutation

Lecture 13: Mutation for Delete Record in React Apollo

Chapter 5: Authentication in Prisma and GraphQL

Lecture 1: Restructure the resolver functions into separate folder

Lecture 2: Understanding JSON Web token Authentication

Lecture 3: Signup User in Prisma and GraphQL

Lecture 4: Login User in Prisma and GraphQL

Lecture 5: Apply Authentication on Resolvers

Chapter 6: Authentication in React Apollo Client Application

Lecture 1: Send Login Request from Frontend App

Lecture 2: Save Token to LocalStorage after LoggedIn

Lecture 3: Implement Logout User

Lecture 4: Require Authentication on Edit and Delete

Lecture 5: Implement Signup User on Frontend

Lecture 6: Protect Routes in React using React Router

Lecture 7: Add Authorization header to every request in React Apollo Client

Chapter 7: Error Handling

Lecture 1: Create Error Message Component to render Errors

Lecture 2: Adding Spinner for Loading Data

Chapter 8: Pagination in Prisma and React Apollo Application

Lecture 1: Paginate List fo records of Prisma

Lecture 2: Count all Records using Prisma Connection Query

Lecture 3: Create Pagination Controls in Frontend Application

Lecture 4: Implement Pagination in React Application

Lecture 5: Filtering Records in Prisma

Lecture 6: Create Search Course Component

Lecture 7: Execute Search Query and display courses

Lecture 8: Apply Sorting on the Records

Lecture 9: Update Cache after creating records

Lecture 10: Fix Cache after Delete Records

Chapter 9: Optimistic UI In React Apollo Application

Lecture 1: Improve UI Performance using Optimistic UI in React Apollo

Chapter 10: Deploy Prisma and React Application to Heroku

Lecture 1: Deploy Prisma Project to Heroku

Lecture 2: Deploy React Project to Heroku

Chapter 11: Subscriptions in Prisma and React Apollo Application

Lecture 1: GraphQL Subscription Project Setup

Lecture 2: Prisma Subscription Demo

Lecture 3: Creating Subscription in Prisma GraphQL Server

Lecture 4: Subscription in React using Apollo Client

Chapter 12: State Management in React Application using Apollo Link

Lecture 1: Setup Apollo Link State

Lecture 2: Fetch Records from Apollo State using Query

Lecture 3: Create Task Form Component

Lecture 4: Save new Record in Apollo Link State

Lecture 5: Update Cache using Fragments

Lecture 6: Filter Tasks on the based on Status Value

Chapter 13: File Upload in Prisma and React

Lecture 1: Setup Local Development Server with Prisma and Docker

Lecture 2: File Upload Demo with Prisma and React

Chapter 14: Bonus: React Fundamentals

Lecture 1: Create React App using create-react-app

Lecture 2: Creating React Element

Lecture 3: Creating Nested React Elements

Lecture 4: How React uses React Elements to Create Virtual DOM

Lecture 5: What is DOM

Lecture 6: What is Virtual DOM

Lecture 7: What are Components in React

Lecture 8: Create Component in React

Lecture 9: Adding Props Validations

Lecture 10: Create Nested Components in React

Lecture 11: Create State in React Component

Lecture 12: Update Component State using Events

Lecture 13: Iterate Array and render Components