https://github.com/ykforerlang/repure
Memoized selector library for Redux
https://github.com/ykforerlang/repure
memoized-selectors redux reselect
Last synced: about 1 month ago
JSON representation
Memoized selector library for Redux
- Host: GitHub
- URL: https://github.com/ykforerlang/repure
- Owner: ykforerlang
- Created: 2018-03-10T02:28:02.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-03-11T15:27:11.000Z (over 8 years ago)
- Last Synced: 2025-03-23T13:18:31.710Z (about 1 year ago)
- Topics: memoized-selectors, redux, reselect
- Language: JavaScript
- Homepage:
- Size: 12.7 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# repure
[中文文档](./README_zh.md)
A replacement for [reselect](https://github.com/reactjs/reselect.git) and providing a more simple, more natural way of writing.
Same parameters will get same result, so the function which wrapped by `repure` will cache the result. If the same parameter is transmitted next time, the cached results will be used.
### Get Start
**install** :`npm install repure`
```javascript
import repure from 'repure'
function f(a, b) {
console.log('invoke f, will takes 5 seconds')
return a + b
}
const rf = repure(f)
rf(1, 1) // takes 5 seconds
rf(1, 1) // takes 0 seconds
rf(1, 1) // takes 0 seconds
rf(1, 1) // takes 0 seconds
rf(2, 2) // takes 5 seconds
```
### API
repure provide 3 API: repureCreator(cacheSize, equalityCheck)， repure， repureOneCacheCreator(equalityCheck)
#### repureCreator(cacheSize, equalityCheck)
the result of repureCreator is a **repure** and the wrapped functions could cache **cacheSize** results.
we will use **equalityCheck** to compare whether or not the parameters are equal.
Default equalityCheck：
```javascript
function defaultEqualityCheck(a, b) {
return a === b
}
```
Another common equalityCheck is shallowEqual: `import { shallowEqual } from 'repure'`
#### repure
In most cases, you should use this method. cacheSize = 1 and equalityCheck is `===`. the same with `createSelector` provided by [reselct](https://github.com/reactjs/reselect.git)
#### repureOneCacheCreator(equalityCheck)
repureOneCacheCreator is optimized version of repureCreator when cacheSize is 1.
Also provide a method of batch operation： batchRepure(obj, repure)
```javascript
import * as fobj from './xx' // file export func
const fobj2 = batchRepure(obj, repure)
```
### Composing
```javascript
function f(a, b) {
...
}
const rf = repure(f)
function g(a, b, c){
const r = rf(a, b)
return r * c
}
const rg = repure(g)
rg(1, 1, 2)
rg(1, 1, 2)
rg(1, 1, 3)
```