Entity Adapter

[amcdnl]

A while back I prototyped something like John Papas NGRX-DATA, https://gist.github.com/amcdnl/cafd37bc9a99e2cd7653ebc023e06ffe#file-readme-md

Something we might want to think about one day.

[eugene-s]

Yes, it would be nice. Entity adapter gives more comfortable things to manipulate with storage.

[wesleygrimes]

I am switching over from NGRX where I heavily used the NGRX Entity modules. Would love to see something like this implemented for NGXS.

[amcdnl]

Closing and marking for future.

[filipjnc]

How far in the future is the entity adapter planned for? This is the only reason why I’m hesitating to switch. The feeling sucks because I can’t wait to switch.

[abalad]

Is there a provision for such an appeal? I'd love to see this in NGXS

[dfulgham]

When patching your state instead of just using the array of values (data) use:

store.patchState({ entities: Object.assign(
            {},
            ...data.map(item => ({ [item["id"]]: item }))
          )})

In ngrx-data they also have an array of id's, so you could add that as well.

store.patchState({ 
    entities: Object.assign(
            {},
            ...data.map(item => ({ [item["id"]]: item })),
    ids: ...data.map(item => item["id"] })
})

[abalad]

I have created a LIB to be used as follows. I'm using it on mine.
projects:

How to use:

export class UserStateModel extends NgxsEntityStateModel<UserModel> {}

@State<UserStateModel>({
  name: 'user',
  defaults: UserStateModel.InitialState()
})
export class UserState implements NgxsOnInit {}

Methods Available:
NgxsEntityAdapter.addAll( payload, ctx );
NgxsEntityAdapter.addOne( payload, ctx );
NgxsEntityAdapter.updateOne( payload, ctx );
NgxsEntityAdapter.removeOne( payload, ctx );

NgxsEntityStateModel Class:

export class NgxsEntityStateModel<T> {
  public ids: string[];
  public entities: { [id: string]: T };
  public selected: T | null;
  public isLoading: boolean;

  static InitialState() {
    return {
      ids: [],
      entities: {},
      selected: null,
      isLoading: false
    };
  }
}

#541 (comment)

[markwhitfeld]

@abalad I would love to see what this lib looks like!

[abalad]

Is only a class with static methods for now, but I want to do better integration within NGXS:

Example: https://gist.github.com/abalad/d9c82af8bcdce904bb173a7e1fe3edaa

Lib:

• https://gist.github.com/abalad/c161312b4bb7a4cb441ac6c3f24093ef
• https://gist.github.com/abalad/b400021eb67cd77179c266341a09e561

[juracy]

A proposal for entity through decorator: #580
I would like to discuss the idea!

[splincode]

ngxs-labs/entity-state#16
ngxs-labs/entity-state#15