motorcycle-react.js

import React from 'react';
import ReactDOM from 'react-dom';
import { holdSubject } from 'most-subject';

import App from '../containers/App';
import FriendSearchView from '../containers/FriendSearchView';

export default function viewDriver(state$) {
  const searchChange$ = holdSubject(1);
  const searchKeyDown$ = holdSubject(1);

  state$.observe(state => {
    ReactDOM.render(
      <App>
        <FriendSearchView
          {...state}
          {...{
            searchChange$,
            searchKeyDown$
          }}
        />
      </App>,
      document.getElementById('root')
    );
  });

  return {
    searchChange$,
    searchKeyDown$
  }
}