unistore-hyper v0.2.0

unistore-hyper

A unistore connector to hyperhtml and lit-html.

Examples

• Todo - A TodoMVC app using neverland.
• Tunes - A Peepcode's Backbone.js Music Player reimplemented in lighterhtml.
• TunesLit - A Peepcode's Backbone.js Music Player reimplemented in lit-html.

Usage

store.js

import connectTo from 'unistore-hyper';

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'; // or 'lit-html'
import { store } from './store';
import { App } from './app';

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

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