learn-react - dksingh

React & Next.js Course

Frontend, SSR & Full-Stack Web Apps

MODULE 1

Web & JS Foundation

ES6 • DOM

ES6 features
Promises & async
Closures
DOM & events
Fetch & HTTP

MODULE 2

React Fundamentals

JSX

Virtual DOM
SPA
Rendering

MODULE 3

Components & Props

UI

Components
Props
Lists
Patterns

MODULE 4

State & Events

useState

State
Events
Forms

MODULE 5

Hooks

Core

useEffect
useRef
Custom hooks

MODULE 6

Lifecycle

Effects

Mount
Update
Cleanup

MODULE 7

State Mgmt

Redux

Context
useReducer
Zustand

MODULE 8

Routing

SPA

Routes
Params
Layouts

MODULE 9

Forms

Validation

Controlled
React Hook Form
Zod

MODULE 10

Styling

Tailwind

CSS modules
Tailwind
Styled

MODULE 11

Performance

Memo

memo
Lazy
Suspense

MODULE 12

Data Fetch

API

Fetch
React Query
SWR

MODULE 13

Testing

Jest

RTL
Hooks
Mocking

MODULE 14

Next.js Fundamentals

SSR

SSR/SSG
App router
Layouts

MODULE 15

Next Routing

File

Dynamic
Nested
Metadata

MODULE 16

Server/Client

RSC

Server comps
Client comps
Streaming

MODULE 17

Next Data

ISR

Fetch server
Cache
Revalidate

MODULE 18

Full-Stack

API

API routes
DB
Auth

MODULE 19

Auth & Security

JWT

NextAuth
OAuth
CSRF

MODULE 20

DB & ORM

Prisma

Models
Relations
Migrate

MODULE 21

Advanced Next

Edge

Middleware
Image
SEO

MODULE 22

UI Systems

Design

Design system
a11y
Motion

MODULE 23

Deploy

Vercel

Vercel
Docker
CI/CD

MODULE 24

Perf & Web Vitals

Lighthouse

Vitals
Bundle
CDN

MODULE 25

Architecture

Scaling

Folders
Monorepo
Microfrontends

MODULE 26

Projects

Apps

SaaS UI
E-commerce
Dashboard

MODULE 27

Career

Tracks

React dev
Next full-stack
SaaS dev