How can I run partial updates?

RxState has partial updates built in. Every change sent to the state over set or connect is treated as partial update. An instance of RxState typed with T accepts Partial<T> in the set and connect method.

The partial update can happen directly by providing a Partial<T> or over a reduce function (oldState, change) => newState.

Class Based (Classic)

import { RxState } from `rx-angular/state`;
interface ComponentState {
  title: string;
  list: string[];
  loading: boolean;
}

class AnyComponent extends RxState<ComponentState> {
updateTitle() {
this.set({ title: 'Hello!' });
}

resetList() {
this.connect(this.globalState$.list$({ list: [], loading: false }));
}
}

Functional Creation (NEW)

import { rxState } from `rx-angular/state`;
interface ComponentState {
  title: string;
  list: string[];
  loading: boolean;
}

class AnyComponent {
  readonly #state = rxState<ComponentState>();
  updateTitle() {
    this.set({ title: 'Hello!' });
  }

  resetList() {
    this.#state.connect(this.globalState$.list$({ list: [], loading: false }));
  }
}

Internally the state update looks like this:

newState$.pipe(scan((oldState, newPartialState) => ({ ...oldState, ...newPartialState })));