use-fn-cache
v0.1.0
Published
Cache function in the JSX code. Reduce the unless rerender.
Downloads
1
Maintainers
skykakaReadme
useFnCache
Cache function in the JSX code. Reduce the unless rerender.
Wrap the function that is the property of component to put it into the cache. The function will be same in multiple rerender, and the unless rerender will be reduced.
The function will be in the JSX code, so you can have the type hint、fluent view and so on.
Install
npm install --save use-fn-cacheUsage
function CacheWithoutDependent() {
const fn = useFnCache();
return <Message render={fn('render', () => 'Using cache with no dependent. Never rerender!')}/>;
}
function CacheWithDependent(props: {value: number}) {
const fn = useFnCache();
return <Message render={fn('render', () => 'Using cache with value1 as dependent. Rerender when value1 is changed!', [props.value])}/>;
}