Advanced Recipes using @ngrx

This project illustrates how to leverage @ngrx add-ons:

• @ngrx/store-devtools: module to be able to leverage the Redux Devtools Extension
• reselect: a simple selector library for Redux (actually implemented for react - reusability! yay!)
• @ngrx/effects: library to handle side effects when actions are dispatched
• @ngrx/db: RxJS powered IndexedDB for Angular 2 apps

Presentation

• Slides
• Video (Soon!)

App Overview

The goal of the app is to demonstrate the different steps sorting algorithms go through to complete.

You first enter the number you would like to sort, then you select the sorting algorithm and hit 'Sort!' 🎉.

To go further into the @ngrx add ons usage, please refer to the presentation section.

Install

    $ git clone git@github.com:xlozinguez/angular-nyc-advanced-ngrx.git
    $ cd angular-nyc-advanced-ngrx.git
    $ npm install

Run

    $ npm start

Then go to localhost:3000

Concept

This app is split between two different store:

• item-list: list of items to be sorted
• step-list: the list of steps taken during the sort