tn-reactive
TypeScript icon, indicating that this package has built-in type declarations

7.3.0 • Public • Published

new Reactive()

Class that creates a reactive state.

const state = new Reactive(value)
state.current = 1
console.log(state.current)

const handle = state.on(value => console.log(value))
handle.disconnect()
Properties Info
.id ReactiveState() instance id
.current Current state of ReactiveState()
.version Current state version
.set(value) Same as setting value to .current
.emit(value) Best fits when using useReactiveEvent()
.forceUpdate() Force callback to all listeners
.on(func) Start listening to any update

useReactive() & useReacnull()

const state = new Reactive(value)
const value = useReactive(state)

const nullable: null | Reactive<T> = null
const value = useReacnull(nullable)

useReactiveState() & useReacnullState()

const state = new Reactive(value)
const [value, setValue] = useReactiveState(state)

const nullable: null | Reactive<T> = null
const [value, setValue] = useReacnullState(nullable)

useReactiveEvent() & useReacnullEvent()

const state = new Reactive(value)
useReactiveEvent(state, newval => { ... }, [deps])

const nullable: null | Reactive<T> = null
useReacnullEvent(nullable, newval => { ... }, [deps])

useReactiveUpdate() & useReacnullUpdate()

const state = new Reactive(value)
useReactiveUpdate(state)

const nullable: null | Reactive<T> = null
useReacnullUpdate(nullable)

Readme

Keywords

none

Package Sidebar

Install

npm i tn-reactive

Weekly Downloads

15

Version

7.3.0

License

MIT

Unpacked Size

27.8 kB

Total Files

55

Last publish

Collaborators

  • turnova