Searchkit - GraphQL, React 및 Elasticsearch를 사용한 검색 UI

모든 웹 또는 모바일 앱에서 가장 중요한 부분은 제공하는 콘텐츠입니다. 데이터 교환은 최신 앱의 기본 기능입니다. 훌륭한 앱과 평범한 앱을 구별하는 것은 데이터 액세스 및 표시 품질입니다. API를 사용하는 것은 외부 시스템 간의 통신 시스템을 설정하는 가장 일반적인 방법입니다. 훌륭한 API를 구축하는 것은 복잡한 과정입니다. 다행히도 우리를 도와줄 많은 도구가 있습니다. 그중 하나가 Searchkit이라는 라이브러리입니다.

검색 중심의 API가 쉬워졌습니다.

Searchkit은 사전 정의된 GraphQL 해석기 및 React 구성 요소를 사용하여 검색 환경을 빠르게 구축할 수 있는 도구입니다. Apollo GraphQL, React 및 Elasticsearch를 기반으로 구축된 Searchkit을 사용하면 고품질 API를 훨씬 쉽게 구축할 수 있습니다. 라이브러리는 간단한 쿼리와 같은 기본 작업부터 효율적인 패싯 필터링 또는 페이지 매김과 같은 보다 까다로운 작업으로 끝나는 필터링 지향 API를 사용할 때 생각할 수 있는 가장 일반적인 사용 사례를 처리하는 데 전념하는 GraphQL 리졸버를 제공합니다.

특징:

검색 UI용으로 설계 - Elasticsearch 및 Apollo GraphQL의 성능과 결합된 Searchkit의 리졸버를 사용하면 검색 중심 API를 쉽게 구축할 수 있습니다.

클라이언트 지향 - 많은 API가 클라이언트의 실제 요구 사항과 완전히 동떨어져 있습니다. Searchkit은 클라이언트 측의 요구 사항을 경청하므로 웹 또는 모바일 앱과 통합하기가 매우 쉽습니다.

효율적인 검색 - 라이브러리는 다양한 필터링 방법을 제공하여 패싯 검색을 쉽게 만듭니다. 텍스트, 숫자, 날짜? 그들은 당신을 덮었습니다.

고도로 사용자 정의 가능 - Searchkit은 쉽게 사용자 정의할 수 있으며 Elasticsearch에 구속되지 않습니다. 다른 소스에서 정보를 가져오는 것을 선호하는 경우 자체 리졸버를 작성할 수 있습니다. GraphQL을 사용하면 Searchkit의 코어와 상호 작용하지 않고도 자신의 데이터로 API를 매우 쉽게 사용자 정의할 수 있습니다.

즉시 사용할 수 있는 React 구성 요소

Searchikit의 제작자는 Elasticsearch 및 React에 능통하지 않은 사용자를 포함하여 모든 사용자에게 훌륭한 검색 경험을 제공한다는 아이디어에 동기를 부여했습니다. 이 사용자 그룹을 위해 Searchkit은 Searchkit의 API와 완벽하게 작동하는 UI 구성 요소를 제공하는 즉시 사용 가능한 솔루션을 제공합니다. 프로젝트를 위한 검색 솔루션을 찾고 있다면 Searchkit은 Elastic의 EUI React 구성 요소를 활용하여 즉시 훌륭한 검색 경험을 제공합니다.

yarn add @searchkit/client @searchkit/elastic-ui @elastic/eui

출처: searchkit.co

Searchkit으로 API 구축을 시작하는 방법에 대한 자세한 정보를 얻으려면 해당 official documentation 및 GitHub page을 방문하십시오. 재미있게 보내세요!

GraphQL 스키마 개발 속도 향상

GraphQL Editor는 고급 GraphQL 사용자와 GraphQL API를 처음 사용하는 사용자 모두를 지원하는 도구입니다. GraphQL용 올인원 개발 환경은 GraphQL API를 훨씬 빠르게 구축, 관리 및 배포하는 데 도움이 됩니다. Try GraphQL Editor for free!