react elasticsearch

React Elasticsearch

React + Elasticsearch的UI组件。使用声明性组件创建搜索应用程序。

用法

文档和可播放的演示。

 const MySearchComponent = ( ) => (
  < Elasticsearch url = "http://example.org/search" >
    < SearchBox id = "mainSearch" fields = { [ "title" ] } />
    < 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 >
) ; 

安装

 npm i react-elasticsearch
yarn add react-elasticsearch

发展

您可以通过Storybook测试组件（20多个示例）。

 npm run storybook

主要功能

• ？根据MIT许可发布。
• ？‍？每个组件都是由React构建的，并且是可自定义的。没有太多的额外功能或魔术。
• ？它没有任何样式，因此实施自己的责任是开发人员的责任。
• ？ 35.32kb的整个LIB均与旧浏览器兼容：> 0.03％的使用情况。
• ？没有遗产：创建于2019年，于2021年更新了挂钩。

为什么？

我们开始使用ReactiveSearch（众所周知的搜索UI组件lib for React）建立法国文化遗产开放平台的搜索经验。几周后，我们意识到我们花了很多时间来调整和黑客攻击。我们自己重写了几乎所有组件。我们在存储库上打开了问题并提取请求，但似乎LIB在重写过程中有点陷入困境。我们发现我们需要一个简单的lib，可以轻松地使用类似的API扩展，我们创建了这个lib。该自由的功能比其他功能少，甚至不是一个体面的竞争对手。但是，由于它帮助我们建立了搜索经验，因此已发布。希望它可以帮助您！

贡献

打开问题和PR在这里：https：//github.com/betagouv/reaeact-elasticsearch