React signal example with full name using preact/signals libraryname

signal-full-name-example.jsx

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

const name = signal('John');
const surname = signal('Doe');
const fullName = computed(() => `${name.value} ${surname.value}`);
effect(() => console.log(fullName.value))
name.value = 'Peter';

// OUTPUT VALUES:
// ['John Doe']
// ['Peter Doe']