Learning Hub

React Tutorial

Build with React components, hooks, routing, state, forms, and practical UI patterns.

Explore
React Tutorial lessons
Browse the full tutorial path.
Explore
React Tutorial practice
Work through hands-on exercises.
Explore
React Tutorial interview questions
Switch into interview prep mode.
Start with React - Introduction
01

React - Introduction

Open lesson and practice content for this topic.

02

React - Environment Setup

Open lesson and practice content for this topic.

03

React - Hello World

Open lesson and practice content for this topic.

04

React - Components

Open lesson and practice content for this topic.

05

React - JSX

Open lesson and practice content for this topic.

06

React - Props

Open lesson and practice content for this topic.

07

React - State

Open lesson and practice content for this topic.

08

React - Destructuring

Open lesson and practice content for this topic.

09

React - Handling Events

Open lesson and practice content for this topic.

10

React - Conditional Rendering

Open lesson and practice content for this topic.

11

React - Rendering Lists

Open lesson and practice content for this topic.

12

React - Style Components

Open lesson and practice content for this topic.

13

React - CSS Modules

Open lesson and practice content for this topic.

14

React - Bootstrap

Open lesson and practice content for this topic.

15

React - Hook Introduction

Open lesson and practice content for this topic.

16

React - useState Hook

Open lesson and practice content for this topic.

17

React - useEffect Hook

Open lesson and practice content for this topic.

18

React - useRef Hook

Open lesson and practice content for this topic.

19

React - useContext Hook

Open lesson and practice content for this topic.

20

React - Forms

Open lesson and practice content for this topic.

21

React - Controlled Components

Open lesson and practice content for this topic.

22

React - Uncontrolled Components

Open lesson and practice content for this topic.

23

React - useReducer Hook

Open lesson and practice content for this topic.

24

React - useCallback Hook

Open lesson and practice content for this topic.

25

React - useMemo Hook

Open lesson and practice content for this topic.

26

React - Custom Hooks

Open lesson and practice content for this topic.

27

React - React Router Introduction

Open lesson and practice content for this topic.

28

React - Links

Open lesson and practice content for this topic.

29

React - Navigation

Open lesson and practice content for this topic.

30

React - Page Not Found

Open lesson and practice content for this topic.

31

React - Nested Routes

Open lesson and practice content for this topic.

32

React - Index in Route Router

Open lesson and practice content for this topic.

33

React - Dynamic Routes in Router

Open lesson and practice content for this topic.

34

React - useParam Router Hooks

Open lesson and practice content for this topic.

35

React - useSearchParams Router Hooks

Open lesson and practice content for this topic.

36

React - Absolute & Relative Path

Open lesson and practice content for this topic.

37

React - Axios for API Calls

Open lesson and practice content for this topic.

38

React - CRUD Using AXIOS API

Open lesson and practice content for this topic.

39

React - Fetch API

Open lesson and practice content for this topic.

40

React - Redux Introduction

Open lesson and practice content for this topic.

41

React - Redux Toolkit

Open lesson and practice content for this topic.

42

React - React.memo

Open lesson and practice content for this topic.

43

React - Suspense & Lazy Loading

Open lesson and practice content for this topic.

44

React - Deployment

Open lesson and practice content for this topic.