Description

Introduction
This course is designed for developers who want to start with React and gradually move to intermediate-level skills. Participants will learn the fundamentals of React, including components, state management, events, hooks, and basic project architecture. By the end of the course, learners will be able to build functional, responsive, and maintainable React applications.

Prerequisites

• Basic understanding of HTML, CSS, and JavaScript (ES6+)

• Familiarity with functions, arrays, objects, and DOM manipulation

• Basic knowledge of npm/yarn and development environment setup

Table of Contents

1. Introduction to React
 1.1 What is React and Why Use It
 1.2 Understanding the Virtual DOM
 1.3 Setting Up the Development Environment
 1.4 Create React App / Vite Overview

2. React Components
 2.1 Functional vs Class Components
 2.2 JSX Syntax and Rules
 2.3 Component Props and Reusability
 2.4 Nested Components and Composition

3. State Management
 3.1 Understanding State in React
 3.2 useState Hook
 3.3 Updating and Passing State
 3.4 State vs Props

4. Handling Events
 4.1 Handling User Inputs
 4.2 Event Binding in React
 4.3 Form Handling Basics
 4.4 Controlled vs Uncontrolled Components

5. React Hooks Basics
 5.1 Introduction to Hooks
 5.2 useEffect for Side Effects
 5.3 useRef for DOM Manipulation
 5.4 Custom Hooks for Reusable Logic

6. Conditional Rendering and Lists
 6.1 Conditional Rendering Techniques
 6.2 Rendering Lists with map()
 6.3 Using Keys in Lists
 6.4 Dynamic Components

7. Routing in React
 7.1 Introduction to React Router
 7.2 Setting Up Routes
 7.3 Nested Routes and Navigation
 7.4 Route Parameters

8. Basic Project Structure
 8.1 Organizing Components and Folders
 8.2 CSS and Styling Approaches
 8.3 Managing Assets and Static Files
 8.4 Best Practices for Small Projects

9. Introduction to State Management Libraries (Optional)
 9.1 Context API Basics
 9.2 When to Use Redux

After completing this course, participants will have a strong foundation in React fundamentals and be able to develop beginner to intermediate-level applications. They will be ready to explore advanced patterns, hooks, state management solutions, and scalable architecture for larger projects.