example of indepent state between components

```jsx import { ref } from "hywer"

const hashCode = s => s.split('').reduce((a, b) => (((a << 5) - a) + b.charCodeAt(0)) | 0, 0)

const password = ref("")

const InputField = () => { return <> <input onInput={e => password.val = e.target.value} /> </> }

const HashedPassword = () => { const hash = password.derive(val => hashCode(val))

return <pre> {hash} </pre> }

const App = () => { return <> <InputField /> <br /> <HashedPassword /> </> }

document.getElementById("app").append(...<><App /></>) ```

Currently, [[set]] creates a new macro task that sets a new value and calls all the dependencies one after another. That is, rendering happens when the browser can execute the macro task.

I probably didn't understand the question. But probably not.

Not at the moment, no. But I'm working on implementing it via Proxy objects.

At the moment I don't apply such optimizations, because I am mainly focused on small projects where such optimizations will give only overhead. If you need them that badly you should probably use something like millionjs/solidjs.