hyper-unistore v0.1.0

A unistore connector to hyperhtml/lighterhtml

Usage

store.js

import connectTo from "hyper-unistore";

export const store = createStore({
  list: [
    { id: 1, text: 'Do the thing!' },
    { id: 2, text: 'Do another thing!' },
  ]
});

export const connect = connectTo(store);

app.js

import { connect } from "./store";

const mapStateToProps = state => ({
  myList: state.list
});

export const App = connect(mapStateToProps)(
  ({ myList }) => html`
    <ul>
      ${myList.map((item) =>
        html`<li>${item.id} - ${item.text}</li>`
      )}
    </ul>
  `
);

index.js

import { render } from "lighterhtml";
import { store } from "./store";
import { App } from "./app";

const renderApp = () => render(document.body, App);

renderApp() && store.subscribe(renderApp);