Langkah 1: Function Component

React membangun UI dari komponen-komponen kecil yang reusable:

// Komponen sederhana
function Salam({ nama }) {
  return (
    <div className="card">
      <h1>Halo, {nama}!</h1>
      <p>Selamat datang di React.</p>
    </div>
  )
}

// Penggunaan
function App() {
  return (
    <div>
      <Salam nama="Budi" />
      <Salam nama="Siti" />
    </div>
  )
}

export default App

Tugasmu: Buat komponen KartuProfil yang menerima props nama, jabatan, dan xp, lalu render semuanya.