#community-help

Using Real Time Filters with Instasearch in React

TLDR Davide was questioning about using real time filters with instasearch in React. Jason clarified how it works and gave suggestions. However, Davide decided to use "raw" js client instead for personalized features.

33mo

Join the chat

May 19, 2021 (33 months ago)

Photo of md5-5a7e6fd9a070eac5034a6034f0dc38b1

Davide

12:24 AM

Hi, I am looking into instasearch (react) is there a clean way to build real time filters with it? Filtering seems to occur at configuration level, not in real time, am I missing something? Thanks

Photo of md5-8813087cccc512313602b6d9f9ece19f

Jason

12:28 AM

Hi Davide, you can instantiate the instantsearch adapter (with dynamic filters) and instantsearch itself on the fly. I’ve done this in Vue before, where I set the search client to be a reactive variable and every time that variable changes, instantsearch widgets also re-render automatically.

Davide

12:29 AM

Right, after some tries I have abandoned instasearch and will be using your "raw" js client, we have quite a bit of personsalisation to do and instasearch is too opinionated to work for us. Thanks!

Jason

12:31 AM

Got it, yup I’ve found instantsearch can get in your way sometimes. I haven’t done this myself, but I hear instantsearch “connectors” help you customize things extensively

Typesense

Lightning-fast, open source search engine for everyone | Knowledge Base powered by Struct.AI

Indexed 3015 threads (79% resolved)

Join Our Community

Similar Threads

Implementing Dropdown Menu for Filtering Date Ranges with Typesense and React Hooks

Christoph wanted to implement a dropdown menu to filter search results by a date range using Typesense and React InstantSearch Hooks. Jason suggested creating a custom widget and adapting the DateRangePicker widget for relative dates.

9mo

Issues with React InstantSearch Refinement List Search

alex is having trouble with react instantsearch refinement list search not showing all results. Kishore Nallan suggests using a higher max_candidates value and a later 0.24 RC build and offered to help with diagnosing the issue in detail.

9mo

Changing Filter Type on React's Instantsearch Client

Rushil asked how to change the Filter in react's instantsearch. Jason recommended using the `label` or `value` prop.

15mo