Memos adalah computed value yang di-cache — hanya dihitung ulang saat dependency berubah.
createMemo
import { createSignal, createMemo } from "solid-js"
function App() {
const [count, setCount] = createSignal(0)
const doubled = createMemo(() => count() * 2)
const isEven = createMemo(() => count() % 2 === 0)
return (
<div>
<p>{count()} x 2 = {doubled()}</p>
<p>{isEven() ? "Genap" : "Ganjil"}</p>
</div>
)
}
Kapan Pakai Memo?
- Signal — state yang bisa diubah
- Memo — derived/computed value (read-only)
- Effect — side effect (DOM, fetch, logging)