Skip to main content

useThrottle

Implementation of throttle function

Example

import {useState} from 'react';
import {Search, SimpleIcon, View} from "@lad-tech/mobydick-core";
import {useThrottle} from "@lad-tech/mobydick-utils";

const ExampleSearch = () => {
const [styles] = useStyles(styleSource);
const [value, setValue] = useState('');

const throttledFn = useThrottle(
(valueFn: string) => console.log('value', valueFn),
1000,
);

const onChangeText = (text: string) => {
setValue(text);
throttledFn(text);
};

return (
<View style={styles.wrapper}>
<Search
value={value}
onChangeText={onChangeText}
leftIcon={<SimpleIcon name={'icon-search'}/>}
/>
</View>
);
};

const styleSource = createStyles(({spaces}) => ({
wrapper: {
gap: spaces.Space12,
},
}));

export default ExampleSearch;