react elasticsearch

React Elasticsearch

Компоненты пользовательского интерфейса для React + Elasticsearch. Создайте поисковые приложения, используя декларативные компоненты.

Использование

Документация и играбельная демонстрация доступна здесь.

 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,32 КБ GZIPPED для всей LIB, совместимых со старыми браузерами:> 0,03%.
• ? Нет наследия: создано в 2019 году , обновлено в 2021 году с крючками.

Почему?

Мы начали создавать поисковый опыт открытой платформы французского культурного наследия с Reactivesearch, известными поисковыми компонентами пользовательского интерфейса LIB для React. Через несколько недель мы поняли, что потратили много времени на настройку и взламывая либерацию; Мы сами переписали почти все компоненты. Мы открыли проблемы и вытащили запросы на репозиторий, но казалось, что LIB немного застрял в процессе переписывания. Мы обнаружили, что нам нужна простой либерация, которую можно легко расширить с помощью аналогичного API, мы создали этот. Эта LIB имеет гораздо меньше функции, чем другие, это даже не достойный конкурент. Но так как это помогло нам создать поисковый опыт, он был выпущен. Надеюсь, это может вам помочь!

Внося

Откройте проблемы и PR здесь: https://github.com/betagouv/react-elasticsearch