Autoplay
Autocomplete
Previous Lesson
Complete and Continue
GraphQL with React: Build Real World Graphql Projects
Intro to GraphQL, Graphql react projects for Web development
Introduction to Graphql, React JS (10:15)
Project Files
Let's start to Graphql
GraphQL Overview (5:54)
Which Technologies Are We Going to Use in This Graphl Course? (5:07)
How to Make Queries on Graphiql? (8:04)
Initial Setups for GraphQL Server
Setup Express App and Nodemon (8:03)
GraphQL Setup (7:22)
Setting Up GraphQL Schema (8:38)
Building GraphQL Server
Root Query (12:54)
Handling Resolve Function (5:57)
Graphql Setup and Testing Queries (8:54)
GraphQL ID Type (4:52)
Creating Author Type (7:28)
Relationship Between Types in Graphql (10:55)
GraphQL_List (9:57)
Adding_More_Queries (6:13)
Setting Up MongoDB
Database_Setup (3:25)
Connecting App to Database (5:10)
Creating Mongoose Models and Schema (9:07)
GraphQL Mutations
Mutations in GraphQL (14:15)
Adding More Mutations (6:45)
Refactor Resolve Functions (10:12)
GraphQL NonNull (6:48)
Building Frontend
Frontend Setup in React graphql
Create-React-App
Creating MovieList Component (4:19)
Setting up Apollo Client (7:12)
Making Queries with React and GraphQL Hooks
Making Queries with React (7:52)
Rendering Data in a Component (6:56)
Creating AddMovie Component (9:47)
Storing Queries in External File (5:19)
How to Update Component State (9:02)
useMutation Hook (8:18)
Assigning Form Values to Query Variables (8:04)
Refetching Queries (5:08)
Creating MovieDetails Component (7:49)
Making a Single Movie Query (13:32)
Frontend Setup in React graphql
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock