appbaseio/reactivesearch

어떤 프로젝트인가요?

핵심 기능

• 01목록, 범위 선택, 검색창, 결과 표시, 지도, 차트를 위한 20개 이상의 컴포넌트.
• 02컴포넌트가 서로의 상태에 반응하므로 페이지 전반에서 필터 변경에 따라 결과가 업데이트됩니다.
• 03ReactiveSearch 클라우드를 통해 Elasticsearch, OpenSearch, Solr, MongoDB를 백엔드로 지원합니다.
• 04AIAnswer 컴포넌트로 OpenAI 모델을 활용한 검색 증강 생성을 지원합니다.
• 05스타일이 적용되고 CSS 범위가 지정된 컴포넌트와 ThemeProvider를 통한 테마 설정.

활용 사례

• 패싯 필터와 가격 범위 슬라이더를 갖춘 전자상거래 상품 검색 페이지 구축.
• Elasticsearch 또는 OpenSearch를 백엔드로 사용하는 도서·미디어 검색 앱 제작.
• React 또는 Vue 애플리케이션에 검색 기반 차트가 포함된 대시보드 추가.
• 위치 데이터를 지도 기반 검색 화면으로 제공.

빠른 시작

1. 1

   npm에서 React 라이브러리를 설치하세요

   npm install @appbaseio/reactivesearch
2. 2

   Vue를 사용하는 경우에는 대신 npm에서 Vue 패키지를 설치하세요

   npm install @appbaseio/reactivesearch-vue
3. 3

   공식 문서의 React 빠른 시작 가이드에 따라 백엔드와 컴포넌트를 구성하세요

사용 전 알아둘 점

• !쿼리 생성에는 ReactiveSearch cloud가 사용되며, 검색 엔진에 맞게 구성해야 합니다.
• !ReactiveChart는 React만 지원하며 Vue는 지원하지 않습니다.

포함된 컬렉션

토픽

자주 묻는 질문

reactivesearch은(는) 무엇인가요?

Elasticsearch, OpenSearch, Solr, MongoDB를 기반으로 검색 UI를 구축하는 React 및 Vue용 UI 컴포넌트 라이브러리입니다. ReactiveSearch는 React와 Vue에서 검색 및 필터링 UI를 만들기 위한 컴포넌트 라이브러리입니다. 목록, 범위 선택, 검색창, 결과 표시, 지도, 차트, AI 생성 답변 등을 다루는 20개 이상의 컴포넌트를 제공합니다. 컴포넌트끼리 연결하면 페이지 한쪽에서 필터나 검색 입력을 변경할 때 다른 곳에 표시되는 결과가 반응형으로 업데이트됩니다.

reactivesearch은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

reactivesearch은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

reactivesearch은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. reactivesearch의 마지막 커밋은 2026년 11월 5일입니다.

reactivesearch은(는) 어디에 사용할 수 있나요?

패싯 필터와 가격 범위 슬라이더를 갖춘 전자상거래 상품 검색 페이지 구축. Elasticsearch 또는 OpenSearch를 백엔드로 사용하는 도서·미디어 검색 앱 제작. React 또는 Vue 애플리케이션에 검색 기반 차트가 포함된 대시보드 추가. 위치 데이터를 지도 기반 검색 화면으로 제공.

reactivesearch는 어떻게 설치하나요?

npm에서 React 라이브러리를 설치하세요: npm install @appbaseio/reactivesearch Vue를 사용하는 경우에는 대신 npm에서 Vue 패키지를 설치하세요: npm install @appbaseio/reactivesearch-vue 공식 문서의 React 빠른 시작 가이드에 따라 백엔드와 컴포넌트를 구성하세요

reactivesearch은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/appbaseio/reactivesearch