State

Zeus uses state() as the unified state API.

Primitive state

Primitive values are wrapped in a value holder.

const count = state(0)

count.value++

Object state

Objects are converted into reactive proxies.

const user = state({
  name: 'Zeus',
  age: 1,
})

user.name = 'ZeusJS'

Arrays

const todos = state([{ id: 1, title: 'Learn Zeus' }])

todos.push({
  id: 2,
  title: 'Build app',
})

Map / Set

const map = state(new Map<string, number>())

map.set('a', 1)

Why not ref()?

Zeus reserves ref as a JSX attribute protocol:

const input = state<HTMLInputElement | null>(null)

<input ref={input} />

Use state() for state creation.