https://github.com/beeman/component-store-playground
NgRx Component Store Playground by @nartc and @beeman
https://github.com/beeman/component-store-playground
Last synced: about 1 year ago
JSON representation
NgRx Component Store Playground by @nartc and @beeman
- Host: GitHub
- URL: https://github.com/beeman/component-store-playground
- Owner: beeman
- Created: 2020-11-15T10:32:24.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-02-25T09:40:25.000Z (over 5 years ago)
- Last Synced: 2025-03-17T19:13:10.325Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://beeman.github.io/component-store-playground/
- Size: 4.17 MB
- Stars: 48
- Watchers: 4
- Forks: 6
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# @ngrx/component-store Playground
This is a repo that showcases different use-cases which
utilizes [@ngrx/component-store](https://ngrx.io/guide/component-store).
## Technologies
- [Nx](https://nx.dev)
- [Angular](https://angular.io)
- [NGRX Component Store](https://ngrx.io/guide/component-store)
- [IndexDB](https://github.com/UlisesHllSk/ng-indexed-db) - this might be soon replaced with [RxDB](https://rxdb.info/)
- [TailwindCSS](https://tailwindcss.com/)
- [Formly](https://formly.dev/)
- [Jest](https://jestjs.io/)
- [Cypress](https://cypress.io)
- [ngneat/spectator](https://github.com/ngneat/spectator)
- [observer-spy](https://github.com/hirezio/observer-spy)
## Use-cases
Please check each individual use-case for more info
- [Ui Global Store](libs/shared/data-access/ui-store/README.md): We utilize **Component Store** for a simple `UiStore`
for our dark/light mode
- [Todo](libs/playground/todos/feature/README.md): Simple todo applications
- [Workflow](libs/playground/workflows/feature/shell/README.md): Workflow applications with Recursive Tree structure +
nested Component Store
- [Form](libs/playground/forms-demo/feature/shell/README.md): Forms demo with Formly
## Testing
**Nx** comes with **Jest** and **Cypress** by default and that's what we're using to write tests for this playground. In
addition, we also utilize **Spectator** for overall Angular testing and **ObserverSpy** for testing `Observable`. Please
check out the `*.spec.ts` files throughout the repo for details.
## Contribute
Please check our [CONTRIBUTING GUIDE](CONTRIBUTING.md)