React signal example with fruits using preact/signals libraryname

signal-fruits-example.jsx

import { signal, computed, effect } from '@preact/signals';

const fruits = signal(['banana', 'mango', 'orange', 'kiwi']);
const fruitsWithW = computed(() => fruits.value.filter(fruit => fruit.includes('w')));
fruits.value = [...fruits.value, 'watermelon'];
effect(() => console.log(fruitsWithW.value))

// OUTPUT VALUES:
// ['kiwi']
// ['kiwi', 'watermelon']