Simple Store Strategy for Angular

consumeStoreInComponent.ts

// ... Rest of Component
constructor(
    ...
    private exampleStore: ExampleStore,
    ...
  ) {
    this.subscriptions$ = [];
  }

  ngOnInit(): void {
    const exampleProperty$ = this.exampleStore.state$.pipe(
      pluck('exampleProperty'),
      filter(exampleProperty => exampleProperty !== undefined),
      distinctUntilChanged(),
      // Do whatever is needed with the new state.
    );

    this.subscriptions$.push(exampleProperty$.subscribe());
  }
// ... Rest of Component

example-store.ts

import { Injectable } from '@angular/core';
import { Store } from 'src/app/shared/store/store';

const initialState: ExampleState = {
    exampleProperty: undefined
};

@Injectable()
export class ExampleStore extends Store<ExampleState>{
    constructor() {
        super(initialState);
    }

    methodToChangeState(newValue: string) {
        this.setState({
            ...this.state,
            exampleProperty: newValue
        });
    }
}

Source.txt

https://dev.to/angular/simple-yet-powerful-state-management-in-angular-with-rxjs-4f8g

store.ts

import { BehaviorSubject, Observable } from 'rxjs';

export class Store<T> {
    state$: Observable<T>;
    private behaviorState$: BehaviorSubject<T>;

    protected constructor(initialState: T) {
        this.behaviorState$ = new BehaviorSubject(initialState);
        this.state$ = this.behaviorState$.asObservable();
    }

    get state(): T {
        return this.behaviorState$.getValue();
    }

    setState(nextState: T): void {
        this.behaviorState$.next(nextState);
    }
}