saschazar21 / ngrx-playground

📝 An Angular project containing an @ngrx store

ngrx Playground

A sample app for demonstrating the extent of @ngrx/store and @ngrx/effects of the @ngrx/platform package on a simple todo list.
Two demo todos are already contained and appear 2 seconds after the initial page loadin.

• Author: Sascha Zarhuber
• GitHub: @saschazar21
• Twitter: @saschazar
• Source: https://github.com/saschazar21/ngrx-playground
• Issues: https://github.com/saschazar21/ngrx-playground/issues
• Releases: https://github.com/saschazar21/ngrx-playground/releases

Prerequisites

• Node.js >= v6
• Angular CLI (optional)

Installation

• git clone https://github.com/saschazar21/ngrx-playground
• cd ngrx-playground
• npm start or if Angular CLI is installed: ng serve

Source code

The source code is nothing special and its main purpose is to show how @ngrx/store could be included into a project.
The app was bootstrapped using the ng new command of Angular CLI, the different list components and sub modules were included using the ng generate commmand.

- src
  | - app
    | - demo-content
    | - list          // ListComponent
      | - list-form   // ListFormComponent
      | - list-item   // ListItemComponent

    | - models
    | - shared
      | - material    // sub module for exporting @angular/material
      | - store
        | - actions   // The ngrx actions
        | - effects   // The ngrx effects
        | - reducers  // The ngrx reducers

Used libraries

• @ngrx/store and @ngrx/effects
• @angular/material and @angular/cdk
• and many more as sub-dependencies of the above

Issues

Please report any bugs or issues to the issues section.

Contribution

Contributors welcome!
Please fork this repository, open a pull request and drop me a line on twitter.

License

MIT, Sascha Zarhuber, 2017