0.4.0-alpha.47 • Published 2 years ago
@parataxic/react-use-flexsearch v0.4.0-alpha.47
Typed version of https://github.com/angeloashmore/react-use-flexsearch
- TypeScript
- Uses a typed react
useReducer
to support lazily loading - Supports lazy loading results from gatsby-plugin-local-search
- Accepts and returns a typed object
- Downloads lazy loading results
- Returns
onFocus
to trigger downloading of search data
yarn add @parataxic/react-use-flexsearch
npm install @parataxic/react-use-flexsearch
import { useFlexSearch } from "@parataxic/react-use-flexsearch";
const MyView:React.FC = () => {
const { localSearchPages } =
useStaticQuery<GatsbyTypes.ListerQuery>(graphql`
query Lister {
localSearchPages {
publicIndexURL
publicStoreURL
}
}
`);
const {results} = useFlexSearch(searchTerm, {...localSearchPages});
const resultsIds = results.map(({ id }) => id);
const filterPosts = (post) => {
if (resultsIds.length === 0) return true;
return resultsIds.includes(post.id);
};
return (
<>
<button onClick={onFocus}>Fetch search data</button>
{items.filter(filterPosts).map((item, idx: number) => <div key={key}>{item.title}</div>)}
</>
)
}
0.4.0-alpha.47
2 years ago
0.4.0-alpha.44
2 years ago
0.4.0-alpha.45
2 years ago
0.4.0-alpha.43
3 years ago
0.4.0-alpha.42
3 years ago
0.4.0-alpha.36
3 years ago
0.4.0-alpha.37
3 years ago
0.4.0-alpha.38
3 years ago
0.4.0-alpha.35
3 years ago
0.4.0-alpha.30
3 years ago
0.4.0-alpha.28
3 years ago
0.4.0-alpha.27
3 years ago
0.4.0-alpha.17
3 years ago
0.4.0-alpha.16
3 years ago
0.4.0-alpha.13
3 years ago
0.4.0-alpha.11
3 years ago
0.4.0-alpha.10
3 years ago
0.4.0-alpha.9
3 years ago
0.4.0-alpha.8
3 years ago
0.4.0-alpha.1
3 years ago
0.0.8
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago
0.0.3
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago