createValue

Signature
createValue<T>(state: Atom<T> | Selector<T>): Accessor<T>

valdres-solid Read-only subscription to state

Returns a reactive Solid accessor for an atom or selector. Use this when you only need to read state.

Usage

import { atom, selector } from "valdres"
import { createValue } from "valdres-solid"

const nameAtom = atom("Valdres")
const greetingSelector = selector(get => `Hello, ${get(nameAtom)}!`)

function Greeting() {
    const greeting = createValue(greetingSelector)
    return <h1>{greeting()}</h1>
}

See also