神刀安全网

Searchkit 0.8 – React UI Components for Elasticsearch

Searchkit 0.8

We built Searchkit to simplify building great search UIs with Elasticsearch. Since its release, we’ve been amazed by how the community has helped to make Searchkit even better. We’ve had over 100 pull requests and issues submitted to Github. Our Gitter chatroom has been busy with developers helping others solve problems. Searchkit has surpassed our 500 star milestone and our new contributors have been working hard in making the next release insanely great.

That’s why today, we’re really excited to announce Searchkit 0.8. This release is focused on giving more power to developers to extend and customise Searchkit’s components to their requirements. Its our biggest release to date.

We have a new core contributor, Gregory Potdevin, who has reworked many Searchkit components for this release.

List Component

We realised many Searchkit components were selectable lists in disguise and the business logic was nearly identical. We knew that we had to separate the rendering logic from Searchkit’s components so we can enable component reuse. From this, we were able to increase the number of ways for Searchkit components to render. For example, before MenuFilter was only able to render one list of options. With this release, MenuFilter can support 7 different ways of displaying options!

Searchkit 0.8 – React UI Components for Elasticsearch
MenuFilter List Component examples
MenuFilter component examples

This is made possibly by overriding the listComponent prop with one of our 7 out the box list components. Going forward, we will continue to grow the collection of list components. It is also really straight forward to implement your own.

You can use these list components on other Searchkit components like ViewSwitcher, SortSelector and PageSizeSelector components. Below is an example of the Select and Toggle list components.

Searchkit 0.8 – React UI Components for Elasticsearch
SortingSelector

Panel Component

We now have a Panel component which is used by the titled filter components, Panel also now supports collapsing.

Searchkit 0.8 – React UI Components for Elasticsearch

Grouped Selected Filters

We now offer a more compact version of Selected filters components, which groups selected filters by the field they use. Below is an example with 4 Filters using both components.

Searchkit 0.8 – React UI Components for Elasticsearch
Selected Filters
Searchkit 0.8 – React UI Components for Elasticsearch
Group Selected Filters

Hits list component

Our Hits and ViewSwitcherHits components now support overriding the list component as well as the item component. This will allow full customisation of how lists are displayed and makes views such as the Table view much easier to implement.

Searchkit 0.8 – React UI Components for Elasticsearch

Range Filter combinations

We have now added input range fields support to the RangeFilter component. Now, the user can use the inputs to filter results by a specific min and max value. Below is an example of the various configurations the Range Filter Component supports.

Searchkit 0.8 – React UI Components for Elasticsearch
Range filter component examples

For more information on 0.8 release, see our release notes ( https://github.com/searchkit/searchkit/blob/v0.8.3/CHANGELOG.md#080-15th-march-2016 ). Our documentation site has been updated ( http://docs.searchkit.co ) with further information on how to use these new components.

Once again, thank you to everyone who has contributed to this release, Searchkit wouldn’t be as good as it is without you guys!

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » Searchkit 0.8 – React UI Components for Elasticsearch

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
分享按钮