0.3.0 • Published 6 years ago
react-create-container v0.3.0
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"));