Skip to content

kamilglod/aurelia-redux

Repository files navigation

Aurelia-Redux-Immutable

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

Releases

No releases published

Packages

No packages published