Skip to main content

We're not limited to declaring reactive values — we can also run arbitrary statements reactively. For example, we can log the value of count whenever it changes:

ts
$: console.log('the count is ' + count);

You can easily group statements together with a block:

ts
$: {
console.log('the count is ' + count);
alert('I SAID THE COUNT IS ' + count);
}

You can even put the $: in front of things like if blocks:

ts
$: if (count >= 10) {
alert('count is dangerously high!');
count = 9;
}