REACT — Components

Overview

Components are reusable UI building blocks.

What you'll learn

• function components
• props
• composition

Syntax

function Card(){ return <div/> }

Example

function Card({ title }){
  return <div className="card">{title}</div>;
}

export default function App(){
  return <Card title="Hello" />;
}

Notes

• Name components with capital letters.
• Split UI into small pieces.