反应搜索
React 的弹性搜索 UI 组件 . 网址
读取如何用反活性搜索构建 Airbnb 克隆。 。 。 .
反应用于弹性搜索的UI组件.
获取我们设计师的草图模板。 。 。 .
安装
yarn add @appbaseio/reactivesearch
概念
图书馆的概念分为两部分:
1. 传感器组件
每个传感器组件都是为了在数据上应用特定过滤器而设计的。 例如: 根据可用的数据集编译一个无线电UI元素列表 - 单列表
2. 精算器组件
起动器代表结果 UI 视图组件. ReactiveSearch主要配有两个起动器: ResultCard 财务报告和审定财务报表 ResultList。 。 。 .
结果Card在卡片界面中显示结果,而结果List则在列表中显示结果. 两者都为pagination和无限滚动视图提供内置支持. 除此之外,库还提供低等活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活性活.
现场演示
由真实世界的应用程序所启发的一组活地演示,由ReactiveSearch所建.
- 演示/飞机床 - 类似空气bnb的预订搜索经验.
- 演示/技术新闻 - 黑客新闻数据集的全文搜索应用程序.
- 演示/图像 - 探索所有流行的Github仓库.
- 演示/产品搜索 - 根据小型产品猎取数据集过滤出的产品饲料.
- 演示/书本搜索 - 一个基于好书数据集的图书搜索应用程序.
- 示范/电子商务 - 一个电子商务汽车商店的应用程序.
文档
图书馆的官方文件在 https://opensource.appbase.io/反应-手动。 。 。 .
构成部分分为四个部分:
- 一般 UI 组件在 被动-手动/基地构成部分。 。 。 .
- 基于列表的 UI 组件位于 反应-手工/清单-构成部分。 。 。 .
- 以区域为基础的 UI 组件处于 反应-手动/远程组件。 。 。 .
- 搜索 UI 组件在 反应-手动/搜索-组件。 。 。 .
- 结果组件在 被动-手工/成果-构成部分。 。 。 .
更改日志
看看这个 更改日志 需要更多信息.
相关工具和项目
-
反应搜索板 您的反活性搜索相关应用程序( 通过交互式教程创建, 由他人共享等) 可以从这里访问 .
-
反应映射 是一个类似 Reactive Search 的工程,可以轻松构建实时地图.
-
应用程序js 虽然构建搜索 UI 具有反活性搜索的可达性,但您可能需要添加一些输入窗体 . 应用程序js 在那里有帮助.
-
脱口而出 允许在 appbase.io (或 Elasticsearch) app 内查看原始数据. 即将发布功能 : 能够从 CSV 和 JSON 文件导入自定义数据,同时在应用数据映射上进行有指引的行走.
-
幻觉 反应Search组件可以使用自定义的弹性搜索查询来扩展. 对于这些新到"弹性搜索"(Elasticsearch),幻影提供了一种直观的图形界面来编译查询.
