react-simple-manager

Simple way to manager your react/react-native apps

Usage

In your view

  
  import { ViewManager } from 'react-simple-manager';
  import TodoManager from '../manager/TodoManager';
  import YourStore from '../store/YourStore';
  import OtherManager from '../manager/OtherManager';
  
  class TodoView extends React.Component{
    componentWillMount(){
      //It's ok to pass more than one manager here.
      this.manager = new ViewManager(YourStore, new TodoManager() /* OtherManager // a manager class also well */);
      this.manager.bindView(this);          //pass ref of view to manager
      this.manager.dispatch(ACTIONTYPE);    //dispatch an action
    }
  }
  

In your manager

  
  import { StateManager } from 'react-simple-manager';
  class TodoManager extends StateManager{
    //All actions go here. manager.dispatch(ACTIONTYPE) will trigger it.
    static events = {
        [ACTIONTYPE]: "getTodoList"
    }
    
    constructor(store){
        super(store);
    }
    
    getTodoList(){
      fetch(url, ret=>{
        this.store.setState(ret);
      });
    }
  }
  

In your store

  
  import {StoreManager} from 'react-simple-manager';

  export default new StoreManager({
    //design shape of your store.
    list: []
  });
  

That's all. It's should be clear and simple enough.