How to convert watchUtils whenFalse whenTrue to reactiveUtils

Question

I am using 4.23. How would watchUtils whenFalse and whenTrue be converted to reactiveUtils?

watchUtils.whenFalse(item.layer, "visible", function (newVal) {
	// do stuff
});

watchUtils.whenTrue(item, "visible", function (newVal) {
	// do stuff
});

GregoryBologna · Answer

I included the module but missed adding it to the when. It is working. Thank you, Andy.

reactiveUtils.when(
 () => item.layer.visible === false,
 () => {
   layerListFormat(item)
 }
);

reactiveUtils.when(
 () => item.layer.visible === true,
 () => {
   layerListFormat(item)
 }
);

AndyGup · Answer

I also updated my previous code snippet to hopefully make the pattern more clear.

AndyGup · Answer

Oh, whoops, you have to import the module first, here's a working AMD codepen example: https://codepen.io/andygup/pen/rNJrbzM?editors=1000.

With ES modules the import pattern would look like this: import { when } from "esri/core/reactiveUtils"; when(() => item.layer.visible === true, () => layerListFormat(item)); when(() => item.layer.visible === false, () => layerListFormat(item));