redux - Aurelia 状态管理

Question

aurelia 中是否有任何用于状态管理的最佳实践或库？
类似于 vue.js 的集成状态管理？

我从一个简单的对象中看到了一些建议:

export default {
user: ...,
router: ...,
...,
}

到一些 aurelia redux 集成:https://github.com/steelsojka/aurelia-redux-plugin

有没有人对复杂度较低的库有很好的体验？在我看来，Redux 是很多样板。我想要一些占地面积更小的 wrapper ，类似于 react 连衣裤。

我已经多次尝试:

store.js

存储为对象:

export default{
  test: 'xxx'
};

存储为类:

export default class Store{
  constructor() {
    this.test = 'xxx';
  }
};

在组件中我像这样集成它:

import { inject } from 'aurelia-framework';
import store from './store';

@inject(store)
export class TestComp {
  constructor(store){
    this.store = store;
  }
}

甚至没有注入(inject):

import store from './store';

export class TestComp {
  constructor(){
    this.store = store;
  }
}

所有组合似乎都可以正常工作，并且商店在 View /组件之间保持同步。

一个比另一个有什么(缺点)优势......或者你会首先建议完全不同的方法吗？

Answer 1

另一种方法是继续使用经典服务，但仅通过操作更改商店中的单个状态。你可以在这里找到一篇关于它的文章 http://pragmatic-coder.net/using-a-state-container-with-aurelia/ .这种方法在订阅的核心使用 RxJS BehaviorSubject，以使组件与状态同步。除此之外，与使用 redux 并且必须重写您的应用程序相比，它为现有应用程序提供了更简单的升级路径。哦，还包括 Redux DevTools 支持；)