Shridux - A superior global state management library.

store.js

// Shridux - A superior global state management library 

class GlobalStore {

  _initState = {};
  _bindings = {};

  setStore(newState) {
    for(let key in newState) {
      if(!(key in this._bindings)) {
        this._bindings[key] = [];
      }
      for(let elem of this._bindings[key]) {
        elem.setState({[key]: newState[key]});
      }
      this._initState[key] = newState[key];
    }
  }

  bind(elem, keys) {
    if(!elem.state) {
      elem.setState({});
    }
    for(let key of keys) {
      if(!(key in this._bindings)) {
        this._bindings[key] = [];
      }
      if(key in this._initState) {
        elem.setState({[key]: this._initState[key]});
      }
      this._bindings[key].push(elem);
    }
  }

}
export const store = new GlobalStore();

~App.jsx

import React, {Component} from 'react';
import { http } from '../utils';
import { store } from '../store';

export default class App extends Component {

  constructor(props) {
    super(props);
    this.runAsync();
  }

  async runAsync() {
    let user = await http.get('/api/user');
    if(!user.error) {
      store.setStore({
        user: user,
        loggedin: true,
        ready: true
      });
    } else {
      store.setStore({
        ready: true
      });
    }
  }

  render() {
    return <Page />
  }

}

~Page.jsx

import React, {Component} from 'react';
import { store } from '../store';

export default class Page extends Component {

  constructor(props) {
    super(props);
    this.state = {};
  }
  
  componentDidMount() {
    store.bind(this, ['loggedin', 'user', 'ready']);
  }

  render() {
    if (!this.state.loggedin || !this.state.user.admin) {
      if (this.state.ready) {
        window.location = '/login';
      }
      return <LoadingContent/>
    }
    return <Content/>
  }

}