Back to Courses

React.js

Build modern user interfaces with React. Learn components, hooks, state management, and routing.

4 Weeks Duration
10 Modules

Course Curriculum

1

React Fundamentals

  • Introduction to React and Virtual DOM
  • Setting Up React Environment (Vite/CRA)
  • JSX Syntax and Expressions
  • Components and Props
  • Rendering Lists and Keys
  • Conditional Rendering
2

React Hooks - Basics

  • useState Hook
  • useEffect Hook
  • useRef Hook
  • Rules of Hooks
  • Custom Hooks Creation
3

React Hooks - Advanced

  • useContext Hook
  • useReducer Hook
  • useMemo Hook
  • useCallback Hook
  • useLayoutEffect Hook
4

State Management

  • Lifting State Up
  • Context API Deep Dive
  • Redux Toolkit Introduction
  • Redux Store, Actions, Reducers
  • Zustand as Alternative
5

React Router

  • Setting Up React Router
  • Route Configuration
  • Navigation and Links
  • URL Parameters and Query Strings
  • Protected Routes
  • Nested Routes
6

Forms in React

  • Controlled vs Uncontrolled Components
  • Form Handling and Validation
  • React Hook Form Library
  • Formik and Yup Validation
  • File Upload Handling
7

API Integration

  • Fetching Data in React
  • useEffect for Data Fetching
  • React Query/TanStack Query
  • Error and Loading States
  • Caching and Refetching
8

Styling in React

  • CSS Modules
  • Styled Components
  • Tailwind CSS with React
  • CSS-in-JS Patterns
  • Animation Libraries (Framer Motion)
9

Testing React Apps

  • Jest for React Testing
  • React Testing Library
  • Component Testing
  • Mocking API Calls
  • Integration Testing
10

Project Work

  • Building a Complete React Application
  • State Management Implementation
  • API Integration and Error Handling
  • Code Review and Optimization