Komponen Solid adalah fungsi biasa yang return JSX — dijalankan sekali saja.

Function Component

function Greeting() {
  return <p>Selamat datang!</p>
}

function App() {
  return (
    <div>
      <Greeting />
      <Greeting />
    </div>
  )
}

Perbedaan Kunci dengan React

function Counter() {
  // Kode ini HANYA berjalan sekali
  console.log("Setup komponen")
  const [count, setCount] = createSignal(0)

  // Return JSX - reactive bindings dibuat di sini
  return <p>Count: {count()}</p>
}

Karena function hanya berjalan sekali, tidak ada re-render. Reactive update terjadi langsung pada DOM node.