What's the Best React Auto-Complete Component?

ReactJS
1

Please let me know your favorite auto-complete component for ReactJS?

Here’s a few choices from a quick Google query:

2

I haven’t used 3rd party auto-complete component. But I have found it super easy to code a simple auto-complete from scratch. Depending on your needs, ‘create from scratch’ might be your fastest option.

3

@andyl, any chance that you can throw up a git repo or gist example?

4

Sure - here’s a quick example:

5

react-select: it supports react 0.13+

1 Like
6

I spent some time looking at al lot the options listed above, and none of them really did everything I wanted.

Fortunately I came across this one: https://github.com/moroshko/react-autosuggest which is the clear winner for me. Simple, well documented, useful hooks, and easily configurable.

2 Likes
7

I’ve been working on a React Autocomplete control. Works with a static list of strings. It’s my first attempt at an NPM package and I like to get some positive or negative criticism. https://www.npmjs.com/package/react-autocomplete-string

8

@blairg It would be helpful if you could describe what are the advantages and disadvantages of your component compared to the other ones listed.

9

https://github.com/moroshko/react-autosuggest , it’s the best choice

2 Likes
10

npm install react-autosuggest --save

it’s the best so far, clean and clear

1 Like
11

npm i typeahead-react-component

use this react component it was build from react 15 and elasticsearch client support , please read the Documentation below that if any issues faceing please raise a ticket

12

@all Just wanted to add my work here. I’d recently published react-power-select, a set of highly composable select/autocomplete components. Do check & shed your feedbacks

Demo: https://selvagsz.github.io/react-power-select/

Github: https://github.com/selvagsz/react-power-select

13

Here is a very basic autocomplete/autosuggest/typeahead component I have written (for my needs) and published to npm as I still wasn’t able to find something that had all the features I needed. It is inspired by the google maps autocomplete search field. Maybe someone finds it helpful : )

Github: https://github.com/j-o-d-o/reactahead Demo: https://j-o-d-o.github.io/reactahead

1 Like
14

I will add my thought, as a one who spent two fully days working around with downshift and react-bootstrap-typeahead, after reviewing this conversation I gave react-autosuggest, I was able to implement the component in less than 30 minutes, in my opinion react-autosuggest is best among the other for the following reasons:
1- Number of code and live example available
2- Documented well
3-Clean and Clear code
4- easy integration with Redux and Sagas (this was my specific requirement)

1 Like