Function listState

Returns {
    add: ((item) => void);
    addAt: ((item, index) => void);
    length: IObservable<number>;
    remove: any;
    removeWhere: any;
    get list(): State<State<T>[]>;
    get listValue(): State<T>[];
}

• add: ((item) => void)

  • • (item): void

    • Parameters

      • item: T

      Returns void

• addAt: ((item, index) => void)

  • • (item, index): void

    • Parameters

      • item: T

      • index: number

      Returns void

• length: IObservable<number>

• remove: any

• removeWhere: any

• get list(): State<State<T>[]>

  The reactive list of items. Each item is wrapped in a State to allow for individual reactivity.

• get listValue(): State<T>[]

  The raw list of items.

const myList = listState([1, 2, 3]);

myList.add(4);
myList.addAt(0, 0);
myList.remove(2);
myList.removeWhere(item => item === 3);
const listValues = myList.listValue;
const listLength = myList.length;

// Listen to changes in the list
myList.list.changed(() => {
  // List has changed
});
Copy