0.4.0-alpha.47 • Published 4 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
4 years ago
0.4.0-alpha.44
4 years ago
0.4.0-alpha.45
4 years ago
0.4.0-alpha.43
4 years ago
0.4.0-alpha.42
4 years ago
0.4.0-alpha.36
4 years ago
0.4.0-alpha.37
4 years ago
0.4.0-alpha.38
4 years ago
0.4.0-alpha.35
4 years ago
0.4.0-alpha.30
4 years ago
0.4.0-alpha.28
4 years ago
0.4.0-alpha.27
4 years ago
0.4.0-alpha.17
4 years ago
0.4.0-alpha.16
4 years ago
0.4.0-alpha.13
4 years ago
0.4.0-alpha.11
4 years ago
0.4.0-alpha.10
4 years ago
0.4.0-alpha.9
4 years ago
0.4.0-alpha.8
4 years ago
0.4.0-alpha.1
4 years ago
0.0.8
4 years ago
0.0.7
4 years ago
0.0.6
4 years ago
0.0.5
4 years ago
0.0.4
4 years ago
0.0.3
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago