react-create-container

react-create-container

State + Context = ❤️

Install

yarn add react-create-container

Example

import React from "react";
import ReactDom from "react-dom";
import { createContainer } from "react-create-container";

const defaultState = {
  count: 0
};

const Store = Object.assign(createContainer(defaultState), {
  displayName: "Store"
});

const increment = state => ({
  count: state.count + 1
});

function CountButton(props) {
  return (
    <Store.Consumer>
      {store => <button {...props} onClick={() => store.setState(increment)} />}
    </Store.Consumer>
  );
}

function App() {
  return (
    <Store>
      {store => (
        <div>
          <h1>{store.state.count}</h1>
          <CountButton>Count</CountButton>
        </div>
      )}
    </Store>
  );
}

ReactDom.render(<App />, document.getElementById("root"));