Pular para o conteúdo principal

useReactive

Estado reativo fino baseado em proxy. Mutações disparam re-renderizações só nos componentes que leem as propriedades alteradas.

Uso

import { useReactive } from '@agentskit/react'

function Counter() {
const state = useReactive({ count: 0 })

return (
<button onClick={() => state.count++}>
Count: {state.count}
</button>
)
}

API

const state = useReactive(initialState)

Parâmetros

ParâmetroTipoDescrição
initialStateRecord<string, unknown>Objeto de estado inicial

Retorno

Uma versão com proxy do objeto de estado. Leia e escreva propriedades diretamente — escritas disparam re-renderizações.

Como funciona

Internamente usa useSyncExternalStore para ligar o rastreamento por proxy ao modelo de reconciliação do React. O proxy intercepta escritas de propriedade e notifica o React para re-renderizar.