The Ultimate React Course: React, Next.js, Redux, React Query, APIs, Server Components & More

What You'll Learn:

• Variables (number, string)
• Console.log and browser DevTools
• Undefined, Null, and "Not Defined"
• Short-circuiting (AND, OR)
• OR Operator
• AND Operator
• Ternary Operator (if / else)
• Loops
• Functions (creating, arguments, return values)
• Array
• Object
• Destructuring Array
• Destructuring Object
• Nullish coalescing

What You'll Learn:

• Functions inside objects
• this
• Arrow function
• Template Literal String
• Hoisting
• Spread Operator
• Spread Operator in Object
• Rest Operator
• Date
• Array method
• Map
• Filter
• Negation Operator
• Find
• Push and Pop

What You'll Learn:

• Cross-browser issues & why Chrome
• Optional Chaining
• Promise
• async and await
• try catch
• setTimeout
• Html
• Connecting html and js
• window and document
• function js
• Event listeners

What You'll Learn:

• Git
• Github
• Installing git
• Git init
• Git Status
• Git Commit
• Git Log
• Git Repository
• Git Branch
• Tracking codes
• Git Push
• Branching
• Pull request
• Merging branch
• Merge Conflict
• Git Clone
• Git Stash
• More git commands

What You'll Learn:

• Server
• NPM
• Yarn vs NPM vs Pnpm
• Bundler
• Using Bundlers
• Using Vite
• Linting
• index.html
• Package.json
• Install Dependencies
• Vite config js
• App.jsx
• Import & export
• React starts
• jsx
• Fragment in Jsx
• If condition in Jsx
• Dom and virtual dom
• Components
• Css in React Components

What You'll Learn:

• UI libraries
• Passing props to children components
• Customizing UI using props
• Variant
• Size
• Event Handeling
• Binding functions
• State & hooks
• Strict mode
• Putting values outside components

What You'll Learn:

• Getting started and what have we learned
• Use effect
• API
• Standard API
• Gett Post Put Delete
• Patch
• Head
• Fetch
• Using Fetch API
• JSON
• API calls in react components
• Handling Errors in api calls & showing in DOM
• Cors concepts and its errors

What You'll Learn:

• Use Ref
• Installing other libraries axios
• Api call using axios
• Axios Instance
• form
• Using post to create data
• Prevent default
• Making submit button
• Loading stating while submitting data
• Two way binding

What You'll Learn:

• Using map to create many elements
• Key in root element using map
• Props drilling
• Passing props to parent from children
• Cleanup Function
• Application of cleanup function and revision
• Debouncing
• Custom Hook

What You'll Learn:

• Derived state
• Don't Use useEffect for derived state
• Caching, use memo
• Use callback
• Introduction Typescript , Why Typescript
• Creating simple types and interfaces
• Typescript complies to js and tsconfig
• Infering Types
• Types in objects and functions
• Typesafe props optional props

What You'll Learn:

• Simple Types and Literal Types
• Type-safe API Data
• Literal Types
• Input Checkbox with useState
• Context API Providers and useContext
• Lifting Up State Concepts
• Context API
• Module Separation

What You'll Learn:

• URL Fundamentals
• Query Parameters
• URL Parameters
• React Router Installation
• Router Types
• Creating Routes
• Link Component
• Browser History
• Layout Routes
• Outlet Component
• useNavigate Hook
• useSearchParams Hook
• setSearchParams
• URL Parameters Advanced
• useParams Hook

What You'll Learn:

• Create Todo App
• Generic Types
• typeof Keyword
• State Management Why
• Flux Pattern
• Redux
• React-Redux
• Redux Toolkit
• Create and Configure Store
• Create Feature Slice
• Initial States
• Reducer and Actions
• useDispatch Hook
• useSelector Hook

What You'll Learn:

• Combining multiple slices

• RTK Query for data fetching

• Auto-generated hooks and reducers

• Functional generics in TypeScript

• Advanced Redux patterns

What You'll Learn:

• Reading Shadcn Docs
• Installing Shadcn and Tailwind
• Configuring Tailwind
• CSS Variables
• Button & Light/Dark Mode
• Using Shadcn CLI
• Typography
• Shadcn and v0
• React Router Dashboard

What You'll Learn:

• Fixing Sidebar Highlighting
• Fetching Users Table
• Adding Delete Users
• Adding Edit User
• Adding Create User
• Adding Sheets
• Reset on Submission
• Form Validation Discussion
• React Hook Form
• Intro to Zod

What You'll Learn:

• Zod Validation
• React Hook Form
• Creating Form
• Not Using Zod
• Loading State & Reset
• Adding Spinner
• Sheet Close
• Edit Form
• Refactoring Components

What You'll Learn:

• Complete Edit Form
• Fixing Sheet Bug
• What is React Query
• Form Field Discussion
• useQuery Hook
• Listing User Data
• useMutation Hook
• Creating User Mutation
• Installing React Query

What You'll Learn:

• Next.js Introduction
• Project Setup
• Project Structure
• React Server Components
• Server and Client Components
• File Colocation
• Private Folders
• Using Underscore Routes
• Routing
• Dynamic Routes
• Nested Dynamic Routes
• Catch All Routes
• Not Found Page

What You'll Learn:

• Templates
• Loading States
• Error Recovery
• Route Groups
• Layouts
• Nested Layouts
• Metadata
• Active Links
• Programmatic Navigation
• Title Metadata Types
• Error Boundaries
• Dynamic Metadata

What You'll Learn:

• Get
• New project
• Intercepting Routes
• Post
• Patch and Delete

What You'll Learn:

• Query Parameters
• Redirects
• Cookies
• Caching
• Routing Fundamentals
• Middleware
• Rewrites
• Client Rendering
• Server Rendering

What You'll Master:

• Suspense
• Code Splitting
• React Server Components
• RSC Lifecycle
• Prefetching
• Server Components Intro
• Dynamic Rendering
• Static Rendering
• RSC Loading Sequence
• Streaming with Suspense

What You'll Master:

• Server Code
• Client in Server
• Client Only
• Server in Client
• Data Fetching Intro
• Fetch in Next.js
• Loading States
• Cache Control

What You'll Master:

• Databases
• ORM Basics
• Docker
• Docker Compose
• Ports Management
• Volumes
• Building Docker Images
• ORM In-Depth
• Environment Variables
• Database Connection
• Introspection
• Prisma Client
• Next.js with Prisma
• Prisma Studio
• Cache Management
• Slugs and Routing
• Advanced Queries

What You'll Master:

• Revision
• Create Migration
• One-to-Many Relation
• Create Post Simple
• Post with Form and Server Action
• Post Request with Server Action
• Pagination with Take and Skip

What You'll Master:

• Authentication Flows
• Setting Up Project
• Hashing Passwords
• Login Route
• Comparing Passwords
• JWT Signing
• Auth Middleware

What You'll Master:

• NextAuth Concepts
• Prisma Adapter
• Google Provider
• Session Data in Server
• Conditional Rendering

What You'll Master:

• Uploads Overview
• Upload to S3 or R2
• Stream Upload to Cloudinary
• Using Upload Packages
• Pagination and Filters

What You'll Master:

• Infinite Query Concepts
• Pages Router Overview
• Next Image
• Next Font
• Next Script
• Analytics and Web Vitals
• Lazy Loading Components
• React Portal
• React Window
• Google Analytics and Microsoft Clarity
• Database Language Importance
• E2E Testing Tools
• Unit-Integration Testing Tools
• Storybook
• Resume Building
• React Native