mattstypa / sillystore

Silly React Store

SillyStore

This is just silly.

Seriously. Don't even look at this silly React store.

• No actions.
• No reducers.
• No mapping of props.

Connected components have a new prop.

• store: global state object.

import { Store } from 'sillystore';

const initialStore = {
  count: 0,
};

ReactDOM.render(
  <Store initial={initialStore}>
    <App/>
  </Store>,
  document.getElementById('root')
);

import { connect, setStore } from 'sillystore';

class Count extends React.PureComponent {
  increment = () => setStore({count: this.props.store.count + 1})

  render() {
    return (
      <div>
        <h1>Count: {this.props.store.count}</h1>
        <button onClick={this.increment}>increment</button>
      </div>
    );
  }
}

export default connect(Count, ['count']);

connect(component, storeKeys);

• component - React component.
• storeKeys - Array of store keys the component uses.