Data Structures
Algorithm
Projects
Course Syllabus
What is React?
Why TypeScript with React?
Setting up React + TypeScript Project (Vite/CRA)
Project Structure & TSX Files
Types & Interfaces
Union & Intersection Types
Generics in TypeScript
Type Inference & Utility Types
JSX vs TSX
Functional Components with Props
Typing Props & Children
Default Props & Optional Props
Event Handling with TypeScript
useState Hook with TypeScript
useReducer Hook
Context API with Type Safety
Custom Hooks with Generics
React Router Setup with TS
Route Parameters & Types
Protected Routes
Controlled & Uncontrolled Forms
Typing Form Events
Form Validation with React Hook Form
Yup/Zod Integration
Fetching Data with Fetch & Axios
Typing API Responses
Custom API Hooks
React Query / TanStack Query with TS
Higher Order Components with TS
Render Props Pattern
Compound Components
Error Boundaries in TSX
Redux Toolkit with TypeScript
Zustand with TS
Recoil / Jotai Basics
Unit Testing with Jest + TS
React Testing Library with TS
Mocking APIs in Tests
Type-Safe Test Cases
To-Do List with TS
CRUD App with API Integration
E-Commerce Mini App
Admin Dashboard with Charts