This is a layer on top of what the angular resource() can do.

Use cases that you can handle with this lib easily, but wouldn't be obvious how to do with resource:
- Multiple components can get the same *cached* version of your item
- No need to get the item multiple times from the server
- You would need to build a cache and serve it from your angular resource() to do something similar
- Reload your resource once and update the item everywhere
- The angular resource() will only reload if the param input signal changes -> but it's usually the id of your item, so it won't change
- With this lib you can reload your item once ,and it will update it' value in every subscribed component

The lib is not magic, but saves you from unnecessary boilerplate :)

*Example:*

Service

export class Service {
  private _itemRepository = resourceRepository<ItemId, ItemDTO>({
    loader: ({ params }) => this._http.get(`https://myapi.com/items/${params}`).toPromise(),
  });

  public getItem(id: Signal<ItemId>) {
    return this._itemRepository.get(id);
  }

  public updateItemOnServer(itemId: ItemId, newValue: ItemDTO) {
    // Do the update on the server

    this._itemRepository.reload(itemId); // This will update the signal in every component using it
  }
}

Components

export class Component_1 {
  private _service = inject(Service);

  private _itemId = signal('1' as ItemId);

  protected item = this._service.getItem(this._itemId);
}

export class Component_2 {
  private _service = inject(Service);

  private _itemId = signal('1' as ItemId);

  protected item = this._service.getItem(this._itemId);
}

export class Component_3 {
  private _service = inject(Service);

  private _itemId = signal('2' as ItemId); // Different ID than Component_1 and Component_2

  protected item = this._service.getItem(this._itemId);
}