horizon-react

horizon-react

React bindings for rethinkdb/horizon.

Installation

npm i -S horizon-react

Usage

Currently, horizon-react exports two enhancers. Similarly to react-redux, you'll have to first wrap a root component with a Connector which will initialize the horizon instance and then subscribe to data by using subscribe.

Example Root component:

import { Connector } from 'horizon-react';
import TodoList from './components/TodoList';

const App = () => (
  <TodoList />
);

export Connector(App);

Example Subscribed component:

import { subscribe } from 'horizon-react';
import Todo from './Todo';

const mapData = (props) => ({
  todos: { collection: 'todos', query: {} }
});

const TodoList = (props) => (
  <ul>
    {props.todos.map( todo => <Todo {...todo} /> )}
  </ul>
);

export default subscribe(mapData)(TodoList)

Contributing

Pull Requests are very welcome!

If you find any issues, please report them via Github Issues!

License

(MIT)