lucifier129/bistate

A state management library for React combined immutable, mutable and reactive mode

bistate's Issues

Value Unwrapping and Wrapping.

In Vue 3.0 function based api, atomic type value and state are handled different. When nest a value in a state, the value is unwrapped.

const count = value(0)
const obj = state({
  count
})

console.log(obj.count) // 0

obj.count++
console.log(obj.count) // 1
console.log(count.value) // 1

But in Bistate, there's just state. So when nested, it's not unwrapped.

const count = useBistate({ value: 0 })
const obj = state({
  count
})

console.log(obj.count) // expected 0 but got { value: 0 }

Besides, when passing a value to another component, it should be wrapped in a field such as value. Can Bistate automatically wrap an atomic type to a value, so we can make the state more clear and readable?

function Input({ value }) {
  const onChange = useMutate(e => {
    value.value = e.target.value;
  })
  return <input value={value.value} onChange={onChange} />
}

function App() {
  const state = useBistate({
    foo: { value: 'some value' }
  })  // expect { foo: 'some value' } but must be { foo: { value: 'some value' } }
  return <Input value={state.foo} />
}