Stores adalah nested reactive state — seperti signal tapi untuk objek dan array.

createStore

import { createStore } from "solid-js/store"

function App() {
  const [state, setState] = createStore({
    user: { name: "Andi", age: 25 },
    items: ["A", "B", "C"],
  })

  return (
    <div>
      <p>{state.user.name} ({state.user.age})</p>
      <button onClick={() => setState("user", "age", a => a + 1)}>
        +1 Tahun
      </button>
    </div>
  )
}

Path Syntax

setState("user", "name", "Budi")
setState("items", 0, "X") // items[0] = "X"
setState("items", items => [...items, "D"]) // push

Store membuat setiap property individually reactive — update satu property tidak memicu re-render property lain.