reactively
reactively copied to clipboard
Is there a replacement for "effect"?
How to run a function whenever one or more dependency values change?
For example, we have the following code
// declare some reactive variables.
const counter = reactive(0);
const isEven = reactive(() => (counter.value & 1) == 0);
const render = reactive(() => {
document.body.textContent = isEven.value ? "even" : "odd";
});
How to run render()
automatically whenever the counter
changes?
One way to do that is:
autoStabilize();
// declare some reactive variables.
const counter = reactive(0);
const isEven = reactive(() => (counter.value & 1) == 0);
const render = reactive(() => {
document.body.textContent = isEven.value ? "even" : "odd";
}, {effect: true});
What is autoStabilize() and what is {effect:true} ?