react-elasticsearch-pop

React Elasticsearch

Introduction

UI components for React + Elasticsearch. Create search applications using declarative components, documentation available here.

const MySearchComponent = () => (
  <Elasticsearch url="http://example.org/search">
    <SearchBox id="mainSearch" />
    <Facet id="actors" fields={["actors"]} />
    <Facet id="releasedYear" fields={["releasedYear"]} />
    <Results
      id="results"
      items={data =>
        // Map on result hits and display whatever you want.
        data.map(item => <MyCardItem key={item._id} source={item._source} />)
      }
    />
  </Elasticsearch>
);

Install

npm i react-elasticsearch

Develop

You can test components with storybook.

npm run storybook

Build & publish

npm build
npm publish