Jason Miller developit

`computedWithMemo()`

It's computed(), but with a second argument that gets passed each newly returned value in order to produce a string cache key. If you return the same cache key as the previous run of the computed, no update will be performed (no effects, no renders, etc).

JSFiddle Demo

- computed(
-   () => ['an', 'unstable', 'return', 'value'],
- )

About

Highly Experimental

If you are using this already, consider changes soon due the discussion around current ESX proposal.

Feel free to keep an eye on udomsay as that will be the implementation reference for consumers.

	#!/bin/zsh
	# WARNING! The script is meant to show how and what can be disabled. Don’t use it as it is, adapt it to your needs.
	# Credit: Original idea and script disable.sh by pwnsdx https://gist.github.com/pwnsdx/d87b034c4c0210b988040ad2f85a68d3
	# Disabling unwanted services on macOS Big Sur (11), macOS Monterey (12), macOS Ventura (13), macOS Sonoma (14), macOS Sequoia (15) and macOS Tahoe (26)
	# Disabling SIP is required ("csrutil disable" from Terminal in Recovery)
	# Modifications are written in /private/var/db/com.apple.xpc.launchd/ disabled.plist, disabled.501.plist
	# To revert, delete /private/var/db/com.apple.xpc.launchd/ disabled.plist and disabled.501.plist and reboot. From Terminal : sudo rm -r /private/var/db/com.apple.xpc.launchd/*


	# user

	#!/usr/bin/env bash

	counter=1
	echo "demo: error state"
	while [ $counter -le 25 ]; do
	printf "\x1b]9;4;2;${counter}\x07"
	((counter++))
	sleep 0.1
	done
	echo "demo: normal state"

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Liquid Glass</title>
	<style>
	body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

	// HOW TO INSTRUCTIONS
	// 1. Open Claude Desktop
	// 2. Go to Help -> Enable Developer Mode
	// 3. Navigate Developer Tools window named "Developer Tools - https://claude.ai"
	// 4. Go to "Console" tab
	// 5. Type "allow pasting" and hit Enter
	// 6. Paste this snippet and hit Enter

	// From now on, all MCP calls will be auto-approved

	function use<T>(promiseOrContext: Promise<T> \| Context<T>): T {
	if ('__c' in promiseOrContext) {
	return useContext(promiseOrContext)
	}

	return usePromise(promiseOrContext)
	}

	function usePromise<T>(promise: Promise<T>): T {
	const resolving = useRef(false);

	import { options } from "preact";
	import { Signal } from "@preact/signals";

	// Add `bind:value` to JSX types
	declare global {
	namespace preact.createElement.JSX {
	interface HTMLAttributes {
	"bind:value"?: Signal<string \| string[] \| number \| undefined>;
	}
	}

	import { useSignal, signal, effect } from '@preact/signals';
	import { useLayoutEffect, useMemo, useRef } from 'preact/hooks';

	/** @template T @typedef {T extends (infer U)[] ? U : never} Items */

	/** @param {{ v, k?, f }} props */
	const Item = ({ v, k, f }) => f(v, k);

	/**
	* Like signal.value.map(fn), but doesn't re-render.