React hook for client side fuzzy search using Fuse.js
A react hook in Typescript for client side fuzzy search using Fuse.js.
bash
$ npm install --save @reaviz/react-use-fuzzy
`🎈 Usage
typescript
import React, { useState } from 'react';
import { useFuzzy } from '@reaviz/react-use-fuzzy';
const productsData: Product[] = [
{
id: 1,
name: 'T-shirt',
},
{
id: 2,
name: 'Short',
},
];
export const App: FC = () => {
const { result, keyword, search } = useFuzzy(productsData, {
keys: ['name'],
});
return (
placeholder='Search products'
value={keyword}
onChange={(e) => search(e.target.value)}
/>
{JSON.stringify(result, null, 2)}
);
};
``