How does $prop work?

[nickchomey]

Thanks for this great library!

It's not clear to me how $prop works. For example, in this modified example from the Readme:

import { deepSignal } from 'alien-deepsignals';
const state = deepSignal({
  count: 0,
  name: "John",
  nested: {
    deep: "value",
  },
  array: [1, 2, 3],
});
effect(() => console.log(state.nested.deep)); //value
state.$nested.value.deep = "new value"; //new value
state.nested.deep = "new value2"; //new value2

What is the difference between the last two lines? They seem to have the same result.

Except i get this error from Deno for the state.$nested line: 'state.$nested' is possibly 'undefined'.deno-ts(18048)

Thanks!

[nickchomey]

Ah, the error is explained here in the original deepsignal readme.

I'm still curious about the original question though: what does $prop do? Its still not clear to me from reading that original readme

[CCherry07]

Ah, the error is explained here in the original deepsignal readme.

I'm still curious about the original question though: what does $prop do? Its still not clear to me from reading that original readme

$prop gets the signal object, and .value gets its value.

const state = deepSignal({
  count: 0,
  name: "John",
  nested: {
    deep: "value",
  },
  array: [1, 2, 3],
});

state.$count.value =  2 // What is obtained is the signal of the path of count.