Skip to main content
Intermediate 20 planned topics Full Stack

Introduction to React.js

Learn React components, props, state, and hooks. Free React.js introduction for frontend developers.

Learning Outcomes

  • Create a function component with JSX
  • Pass props and lift state when needed
  • Use useState and useEffect correctly
  • Avoid mutating state and missing keys

Overview

React builds UIs from components that describe what the screen should look like for a given state.

This introduction covers JSX, props versus state, and why keys matter in lists.

Hooks such as useState and useEffect are the modern way to add behavior without class components.

What this course will cover

  1. 1. JSX
  2. 2. Props
  3. 3. State
  4. 4. Lists & keys
  5. 5. useEffect
  6. 6. Component design

Start a complete tutorial now

Full 6-level lessons are live for C, C++, Java, Python, and JavaScript. Use them while the remaining React.js lessons are added.

← All technology tutorials