sdio

sdio是一个react的状态管理库, 支持局部状态和全局状态

Examples

import { Store, state, effect, action, selector, StoreComponent } from 'sdio';

class TodoStore extends Store {
	@state todos = [];
	@state filter = 'SHOW_ALL';

	@selector(state => state.todos, state => filter)
    filterTodos (todos, filter){
    	switch (filter) {
        case 'SHOW_ALL':
          return todos
        case 'SHOW_COMPLETED':
          return todos.filter(todo => todo.completed)
        case 'SHOW_ACTIVE':
          return todos.filter(todo => !todo.completed)
      	}
	}

	@action addTodo(todo) {
		this.todos = [...this.todos, todo];
	}
     
    @action setTodos(todos) {
      this.todos = todos;
    }
     
    @effect async getTodos() {
		const todos = api.get();
	    this.setTodos(todos);
    }
}


class Todo extends StoreComponent {

}