שימוש חוזר ברכיבים

כאן רכיבים מוכיחים את יעילותם: השתמש באחד כמה פעמים שתרצה. כל אחד מתגי <Star /> שלמטה הוא עותק חדש:

function Star() {
    return <span>★</span>;
}

export default function App() {
    return (
        <div>
            <Star />
            <Star />
            <Star />
        </div>
    );
}

שלושה כוכבים על המסך, הגדרה אחת בקוד. משנים את ההגדרה פעם אחת. כל העותקים מתעדכנים. זה כוח העל של שימוש חוזר ש-HTML מעולם לא היה לו.