milomg/reactively

Is there a replacement for "effect"?

Opened this issue · 2 comments

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?

milomg commented

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} ?