PaveReact

A higher-order React component (HoC) to help with common Pave patterns.

Install

npm install pave-react

Usage

import {render} from 'react-dom';
import {withPave} from 'pave-react';
import store from './my-pave-store';

const User = withPave(
  ({pave: {isLoading, state: {user}}}) =>
    <div>
      {isLoading ? 'Loading...' : null}
      {user ? `Hello ${user.name}!` : null}
    </div>,
  {
    getState: ({props: {userId}, store}) => ({
      $query: ['usersById', userId],
      user: store.get(['usersById', userId])
    })
  }
);

render(<User paveStore={store} userId={123} />, document.body);