simple application state singleton

index.js

import App from './App';
import './index.css';
import {render} from './statemachine';

render(
    App,
    {},
    document.getElementById('root')
);

statemachine.js

import React from 'react';
import ReactDOM from 'react-dom';

let _App;
let _props;
let _target;

// the shape of your application state
let _state = {counter: 0};

function _render() {
    ReactDOM.render(React.createElement(_App, {..._props, ..._state}), _target);
}

function add() {
    _state = Object.assign({}, _state, {counter: _state.counter + 1});
    _render();
};

function render(App, props, target) {
    _App = App;
    _props = props;
    _target = target;
    _render();
}

export {add, render}