Describe your experience with NGRX. How was the store implemented? Were effects and facade pattern used?

In my experience working with NGRX store, it was implemented as a centralized application state storage, where the state was divided into feature modules using feature selectors for convenient access.

Effects were used to handle side effects such as asynchronous API requests, navigation, or logging. This allowed separating pure reducer logic from side effects, improving testability and code structure.

The facade pattern was used to encapsulate component interaction with the store. The facade provided methods for dispatching actions and selectors for obtaining data, hiding the implementation details of NGRX from components and simplifying them.

Example of a facade:

@Injectable({ providedIn: 'root' })
export class UserFacade {
  user$ = this.store.select(selectUser);

  constructor(private store: Store) {}

  loadUser(id: string) {
    this.store.dispatch(loadUser({ id }));
  }
}

This approach improves support and scalability of the frontend application.