Aurelia-Redux-Immutable-Property-Observe

This is a clone of kamilglod's aurelia-redux repo - THANK YOU SIR! But I changed the connect function to deal with state properties individually rather than just updating the state all at once - this lets me use observerlocator to listen to property changes.

Aurelia plugin for redux is auto inject state and dispatcher to view models. Additionally it keeps synced redux state in view models so it will be auto updated when change occurred.

Installation

• using Aurelia CLI:
  • run npm install immutable redux aurelia-redux-immutable
  • add

  "immutable",
  {
    "name": "redux",
    "path": "../node_modules/redux/dist",
    "main": "redux"
  }
  "aurelia-redux-immutable",
  

  to aurelia.json

Configuration

Use this plugin as standard aurelia plugin, just pass your store instance.

  aurelia.use
    .standardConfiguration()
    .plugin('aurelia-redux-immutable', storeInstance);

Simple usage

import connect from 'aurelia-redux-immutable';


class SomeViewModel {
  constructor() {
    connect(this);

    // each time state change occured this.state will be updated to the newest version
    console.log(this.dispatch, this.state);
  }
}

Usage with reselect

import connect from 'aurelia-redux-immutable';

import { username, isAuthorizedState } from 'store/user/selectors';


const mapState = (state) => {
  return {
    isAuthorized: isAuthorizedState(state),
    username: username(state),
  };
};

class SomeViewModel {
  constructor() {
    connect(this, mapState);

    // each time state change occured this.state will be updated to the newest version
    // if substate returned by mapState will differ
    console.log(this.dispatch, this.state);
  }
}

To see full example please check example-app