How can I skip the first effect run with createEffect?

I have a

createEffect

createEffect

hook that runs when my signal does. Awesome. What I don't want, is for the effect to run when the initial signal value is set. I tried the following without success:

const [getVal, setVal] = createSignal("initial");

let firstEffectHasRun = false;
createEffect(() => {
  if (firstEffectHasRun) {
    console.log("Boom!");
  } else {
    firstEffectHasRun = true;
  }
});

const [getVal, setVal] = createSignal("initial");

let firstEffectHasRun = false;
createEffect(() => {
  if (firstEffectHasRun) {
    console.log("Boom!");
  } else {
    firstEffectHasRun = true;
  }
});

const [getVal, setVal] = createSignal("initial");

let firstEffectHasRun = false;
createEffect(() => {
  if (firstEffectHasRun) {
    console.log("Boom!");
  } else {
    firstEffectHasRun = true;
  }
});

const [getVal, setVal] = createSignal("initial");

let firstEffectHasRun = false;
createEffect(() => {
  if (firstEffectHasRun) {
    console.log("Boom!");
  } else {
    firstEffectHasRun = true;
  }
});

I don't get why this doesn't work since

firstEffectHasRun

firstEffectHasRun

firstEffectHasRun

firstEffectHasRun should be cached since it's used within the callback.

How can I skip the first effect run with createEffect?

Similar Threads

Similar Threads

Similar Threads