react elasticsearch

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

개발하다

스토리 북 (20+ 예제)으로 구성 요소를 테스트 할 수 있습니다.

 npm run storybook

주요 기능

• ? MIT 라이센스 에 따라 릴리스.
• ? ‍? 각 구성 요소는 React로 구축되며 사용자 정의 할 수 있습니다. 추가 기능이나 마법이 너무 많지 않습니다.
• ? 스타일이 없으므로 개발자 자신의 책임입니다.
• ? 35.32KB 전체 LIB 용으로 Gzipped , 오래된 브라우저와 호환됩니다 :> 0.03% 사용.
• ? 레거시 없음 : 2019 년에 만들어졌으며 2021 년에 후크로 업데이트되었습니다 .

왜?

우리는 React 용으로 잘 알려진 검색 UI 구성 요소 인 Reactivesearch를 통해 프랑스 문화 유산 오픈 플랫폼의 검색 경험을 구축하기 시작했습니다. 몇 주 후, 우리는 우리가 Lib를 조정하고 해킹하는 데 많은 시간을 보냈다는 것을 깨달았습니다. 우리는 거의 모든 구성 요소를 스스로 작성했습니다. 우리는 리포지토리에 문제를 일으키고 요청을 가져 왔지만, LIB는 다시 쓰기 프로세스에 약간 갇힌 것처럼 보였습니다. 우리는 비슷한 API로 쉽게 확장 할 수있는 간단한 lib가 필요하다는 것을 알았습니다. 이 LIB는 다른 기능보다 기능이 적습니다. 적절한 경쟁자조차 아닙니다. 그러나 검색 경험을 구축하는 데 도움이되었으므로 출시되었습니다. 도움이되기를 바랍니다!

기여

열린 문제와 PR은 여기에 : https://github.com/betagouv/react-elasticsearch