What is a Component?

A component is a reusable and independent UI block.

There are 2 types:

Function Components (Modern)

Class Components (Legacy)

// Function Component
function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

Component Comparison (Function vs Class)