TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: Searchbox – A declarative JavaScript library for creating search UIs

1 点作者 sidi超过 4 年前

1 comment

sidi超过 4 年前
Hey HN&#x27;ers :wave:<p>Searchbox is designed with the goal of being a lightweight (16KB to 35KB when minified + gzipped), performance focused library for building search UIs declaratively. We have variants for React, Vue and a headless library that can be used with any framework.<p>Direct Github link: <a href="https:&#x2F;&#x2F;github.com&#x2F;appbaseio&#x2F;searchbox" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;appbaseio&#x2F;searchbox</a><p>With this release version, Searchbox assumes the backend to be an appbase.io&#x2F;Elasticsearch server. While there are other libraries that are backend agnostic, making this assumption allows the library to support tracking search analytics, displaying popular suggestions, and configuring advanced search relevance options. Searchbox comes from 3 years of learnings we&#x27;ve had in maintaining ReactiveSearch - one of the most popular search UI libraries out there.<p>Key benefits of using it:<p>- Searchbox lets you create versatile search experiences. Think auto suggestions, highlighting, incorporating fuzzy search, voice search, setting search relevance (fields to search on, weights to apply), showing default suggestions, rendering your own UIs.<p>- In addition, it lets you measure search&#x2F;click analytics, set query rules, show popular suggestions. Most other searchbox libraries don&#x27;t offer these capabilities.<p>- It&#x27;s built with the open web in mind. Search is designed to work with any design system (Bootstrap&#x2F;Material&#x2F;Antd&#x2F;your own), and it can integrate with any kind of UI components. See a demo here for an integration with React Table: <a href="https:&#x2F;&#x2F;codesandbox.io&#x2F;embed&#x2F;github&#x2F;appbaseio&#x2F;searchbox&#x2F;tree&#x2F;master&#x2F;packages&#x2F;react-searchbox&#x2F;examples&#x2F;with-react-table" rel="nofollow">https:&#x2F;&#x2F;codesandbox.io&#x2F;embed&#x2F;github&#x2F;appbaseio&#x2F;searchbox&#x2F;tree...</a>.<p>- It supports tree shaking. If the built-in searchbox component were not used, the size of the library comes down to 10KB when minified + gzipped.<p>Read more over here: <a href="https:&#x2F;&#x2F;medium.appbase.io&#x2F;searchbox-1-0-a-javascript-library-for-building-search-uis-1e93effae2d4" rel="nofollow">https:&#x2F;&#x2F;medium.appbase.io&#x2F;searchbox-1-0-a-javascript-library...</a>