https://github.com/yurakhomitsky/ngx-view-state
ngx-view-state library for handling Loading/Success/Error in NgRx
https://github.com/yurakhomitsky/ngx-view-state
angular ngrx
Last synced: 3 months ago
JSON representation
ngx-view-state library for handling Loading/Success/Error in NgRx
- Host: GitHub
- URL: https://github.com/yurakhomitsky/ngx-view-state
- Owner: yurakhomitsky
- Created: 2024-05-15T14:19:35.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-03-10T10:15:40.000Z (8 months ago)
- Last Synced: 2025-04-11T06:20:36.649Z (7 months ago)
- Topics: angular, ngrx
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/ngx-view-state
- Size: 461 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- fucking-awesome-angular - ngx-view-state - Library for handling Loading/Success/Error in NgRx. (State Management / NgRx)
- awesome-angular - ngx-view-state - Library for handling Loading/Success/Error in NgRx. (State Management / NgRx)
README
NgxViewState
> Library for managing Loading/Success/Error in Angular applications that use NgRx.
This repository contains an Angular library `ngx-view-state` and a small demo application showing how to use it. The library helps manage view states (Loading, Success, Error, Idle) in applications that use NgRx for state management.
## Library Documentation
For more information about the library, please refer to the [library documentation](./projects/ngx-view-state/README.md)
## Development server
Run `npm run build-lib watch` to build the library.
Run `npm run start` for a dev server for the Application. Navigate to `http://localhost:4200/`
## Demo Application
The demo in `src/app` uses the library with an NgRx store. `TodosEffects` demonstrates how to register actions with `ViewStateActionsService` so that load/add/update/delete actions update the view state automatically.
The `TodosComponent` selects view states via selectors (`selectTodosViewStatus`, `selectActionsLoading`) and displays content with `*ngxViewState`.
#### Demo Stackblitz
[https://stackblitz.com/edit/ngx-view-state](https://stackblitz.com/edit/ngx-view-state)