Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

React JS Full Course - Part 2

Caleb Curry via YouTube

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course develops a full-stack Next.js application using GraphQL, MongoDB, React Query, Material UI, TypeScript, and Vercel deployment. It covers static generation, server-side rendering, API development, data caching, and nested order-management features.

Syllabus

- Consume GraphQL API in Frontend
- GraphQL Mutations and Parameters in Graphene
- Mutations with useMutation Apollo Client
- GraphQL Nested Data
- Build a Nested Order Form Component
- Mutation for Nested Data Backend
- Add to GraphQL List and refetchQueries
- Intro to Next.js Static Site Generation + Server Side Rendering
- Routing and Parameters - Next.js
- Static Site Generation with getStaticProps - Next.js
- Call an API with Axios in getStaticProps - Next.js
- Incremental Static Regeneration - Next.js
- getStaticPaths Static Data Fetching Parameterized Pages
- fallback with getStaticPaths - Next.js
- Lazy Caching with getStaticPaths - Next.js
- Connect to MongoDB
- MongoDB findOne by ObjectID
- Create a GET API with MongoDB - Next.js
- Details API by Object ID MongoDB - Next.js
- POST a New Document MongoDB API - Next.js
- On-Demand Revalidation in Next.js
- Update and Delete API for MongoDB - Next.js
- Intro to React Query
- React Query Refetch Options and Dev Tools
- React Query Refetching Stale Data
- Data Caching in React Query
- React Query with Next.js Static Site Generation SSG
- Intro to Material UI
- Icons and Tooltips in Material UI
- Create a Website Theme - Material UI
- Navigation and Active Link Highlighting - Material UI
- Grid Styling with Material UI
- Data Grid Table with Material UI
- Filter Orders by Customer with DataGrid initialState - Material UI
- API for nested Objects and MongoDb ObjectId
- Adding TypeScript Types to Our Next.js Page
- Deploy a Next.js Application with Vercel
- Where do I go from Here - 10 Things to Learn

Taught by

Caleb Curry

Reviews

Start your review of React JS Full Course - Part 2

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.