> For the complete documentation index, see [llms.txt](https://bitflut.gitbook.io/ng-frrri/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bitflut.gitbook.io/ng-frrri/ngxs/entities.md).

# Entities

@ng-frrri/ngxs is designed to cache a copy of all entities needed by your current route to render. In order to decouple all actions from the rest of your reducers, **we strongly suggest you give your Collections a parent state extending** **CrudEntities**.

{% tabs %}
{% tab title="entities.state.ts" %}

```typescript
import { PoststState } from './posts.state';

@CrudEntities({
    name: 'entities',
    children: [PostsState],
})
export class EntitiesState extends CrudEntitiesState { }
```

{% endtab %}

{% tab title="posts.state.ts" %}

```typescript
@HttpCrudCollection({
    name: 'posts'
})
export class PostsState extends CrudCollectionState { }
```

{% endtab %}
{% endtabs %}

This enables resetting all your children's states at once by calling `EntitiesState.reset()` .

### State paths

In the example code above, the path of **PostsState** will be `entities.posts` because it is a child of the **EntitiesState.**