{"library":"react-instantsearch","title":"React InstantSearch","description":"React InstantSearch is an open-source React library developed by Algolia, designed to help developers quickly create fast, dynamic search user interfaces. It leverages Algolia's powerful search API to deliver an instant search experience, adhering to modern React principles for component-based development. The current stable version is 7.29.0, with releases occurring regularly, typically monthly, as seen by the March 2026 update. Key differentiators include its highly customizable component architecture, seamless integration with the Algolia ecosystem, and a focus on best practices for search UI design. It's part of the broader InstantSearch family, offering similar experiences for other frameworks like Vue and vanilla JavaScript. For environments without DOM access, such as React Native, `react-instantsearch-core` is the appropriate alternative.","language":"javascript","status":"active","last_verified":"Sun Apr 19","install":{"commands":["npm install react-instantsearch"],"cli":null},"imports":["import { InstantSearch } from 'react-instantsearch';","import { SearchBox } from 'react-instantsearch';","import { Hits } from 'react-instantsearch';","import { liteClient as algoliasearch } from 'algoliasearch/lite';"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { liteClient as algoliasearch } from 'algoliasearch/lite';\nimport { InstantSearch, SearchBox, Hits } from 'react-instantsearch';\nimport 'instantsearch.css/themes/algolia.css'; // Optional: for basic styling\n\n// Replace with your Algolia App ID and Search API Key\nconst searchClient = algoliasearch(\n  process.env.NEXT_PUBLIC_ALGOLIA_APP_ID ?? 'latency',\n  process.env.NEXT_PUBLIC_ALGOLIA_SEARCH_API_KEY ?? '6be0576ff61c053d5f9a3225e2a90f76'\n);\n\nconst App = () => (\n  <InstantSearch indexName=\"bestbuy\" searchClient={searchClient}>\n    <h1>React InstantSearch Example</h1>\n    <SearchBox placeholder=\"Search products...\" />\n    <Hits />\n  </InstantSearch>\n);\n\nconst root = ReactDOM.createRoot(document.getElementById('root')!);\nroot.render(<App />);","lang":"typescript","description":"This quickstart demonstrates setting up a basic instant search interface with a search box and result list, connecting to an Algolia index.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}