From a537784b385d0692f0546f9b0da90c87e143c4d0 Mon Sep 17 00:00:00 2001 From: Brandon Roberts Date: Sun, 10 Sep 2017 20:55:20 -0500 Subject: [PATCH] chore(docs): Updated @ngrx/entity documentation examples and usage Closes #367 --- .github/ISSUE_TEMPLATE.md | 1 - docs/entity/README.md | 6 ++--- docs/entity/adapter.md | 55 ++++++++++++++------------------------- 3 files changed, 22 insertions(+), 40 deletions(-) diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md index be0f04fe80..907359a703 100644 --- a/.github/ISSUE_TEMPLATE.md +++ b/.github/ISSUE_TEMPLATE.md @@ -7,7 +7,6 @@ [ ] Bug report [ ] Feature request [ ] Documentation issue or request -[ ] Support request ## What is the current behavior? diff --git a/docs/entity/README.md b/docs/entity/README.md index 16eaebb895..14c16bb93e 100644 --- a/docs/entity/README.md +++ b/docs/entity/README.md @@ -4,9 +4,9 @@ Entity State adapter for managing record collections. @ngrx/entity provides an API to manipulate and query entity collections. -- Reduces boilerplate for managing common datasets -- Provides performant operations for managing entity collections -- Extensible type-safe adapters for selecting entity information +- Reduces boilerplate for creating reducers that manage a collection of models. +- Provides performant CRUD operations for managing entity collections. +- Extensible type-safe adapters for selecting entity information. ### Installation Install @ngrx/entity from npm: diff --git a/docs/entity/adapter.md b/docs/entity/adapter.md index 2a247bbbab..a44e65edf4 100644 --- a/docs/entity/adapter.md +++ b/docs/entity/adapter.md @@ -7,7 +7,7 @@ returned adapter provides many [methods](#adapter-methods) for performing operat against the collection type. The method takes an object for configuration with 2 properties. - `selectId`: A `method` for selecting the primary id for the collection - - `sort`: A [sort function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) for sorting the collection. Set to `false` to leave collection unsorted. + - `sort`: A compare function used to [sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) the collection. The comparer function is only needed if the collection needs to be sorted before being displayed. Set to `false` to use leave the collection unsorted, which is more performant during CRUD operations. Usage: @@ -84,8 +84,8 @@ state if no changes were made. * `addOne`: Add one entity to the collection * `addMany`: Add multiple entities to the collection * `addAll`: Replace current collection with provided collection -* `removeOne`: Remove one entity to the collection -* `removeMany`: Remove multiple entities to the collection +* `removeOne`: Remove one entity from the collection +* `removeMany`: Remove multiple entities from the collection * `removeAll`: Clear entity collection * `updateOne`: Update one entity in the collection * `updateMany`: Update multiple entities in the collection @@ -176,7 +176,9 @@ export type All = `user.reducer.ts` ```ts -import * as user from './user.actions'; +import { EntityState, EntityAdapter, createEntityAdapter } from '@ngrx/entity'; +import { User } from './user.model'; +import * as UserActions from './user.actions'; export interface State extends EntityState { // additional entities state properties @@ -184,8 +186,7 @@ export interface State extends EntityState { } export const adapter: EntityAdapter = createEntityAdapter({ - selectId: (user: User) => user.id, - sort: true, + selectId: (user: User) => user.id }); export const initialState: State = adapter.getInitialState({ @@ -198,46 +199,28 @@ export function reducer( action: UserActions.All ): State { switch (action.type) { - case user.ADD_USER: { - return { - ...state, - ...adapter.addOne(action.payload.user, state), - }; + case UserActions.ADD_USER: { + return adapter.addOne(action.payload.user, state); } - case user.ADD_USERS: { - return { - ...state, - ...adapter.addMany(action.payload.users, state), - }; + case UserActions.ADD_USERS: { + return adapter.addMany(action.payload.users, state); } - case user.UPDATE_USER: { - return { - ...state, - ...adapter.updateOne(action.payload.user, state), - }; + case UserActions.UPDATE_USER: { + return adapter.updateOne(action.payload.user, state); } - case user.UPDATE_USERS: { - return { - ...state, - ...adapter.updateMany(action.payload.users, state), - }; + case UserActions.UPDATE_USERS: { + return adapter.updateMany(action.payload.users, state); } - case user.LOAD_USERS: { - return { - ...state, - ...adapter.addAll(action.payload.users, state), - }; + case UserActions.LOAD_USERS: { + return adapter.addAll(action.payload.users, state); } - case user.CLEAR_USERS: { - return { - ...adapter.removeAll(state), - selectedUserId: null - }; + case UserActions.CLEAR_USERS: { + return adapter.removeAll({ ...state, selectedUserId: null }); } default: {