// component state
private state = inject<RxState<{ todos: Todo[]; foo: string}>>(RxState);

const todos: Signal<Todo[]> = signal(todoData);
this.state.connect('todos', todos);

// takes a function that gets each property of the state as `Signal<T[K]>`.
// in this case, todos will be `Signal<Todo[]>`

const count: Signal<number> = this.state.computed(({ todos }) => {
    return todos().length;
});

const todosSignal: Signal<Todo[]> = this.state.signal('todos');

const _effect: Effect = this.state.effect(({ todos }) => {
   if (todos().length > 20) {
      console.log('something was added');
    }
});