fast redux filters using bit operations and reselect memoization
$ npm install --save redux-filters
Until now this is the only type of filters you can add, more are coming.
You can use this type of filter if you have a
predicate you want to check on every filterable item. Like if you have an array of objects (phones) like the following:
const phones =phoneId: 'A1905'features: 'Apple Pay' 'Dual cameras'isWaterProof: truephoneId: 'D855'features: 'touch focus' 'HDR'isWaterProof: falsephoneId: 'pixel2'features: 'touch focus' 'panorama' 'Auto HDR'isWaterProof: true;
So if want to add a water proof filter, the predicate would be
HDR filter, the predicate would be
Check filtreX to learn more what predicate you could write.
We copied filtreX code and generated the parser, so the building time is better.
How to add bitmask filters
After you add filterReducer to your state reducers, you should add the category for your filters first.
Here we added a new category called features which are conjunctive, which means for an item to be returned it should passed all the filters in this category.
Next we want to add water proof filter:
Change filters state
When a filter is added, it's deactivated by default.
;// Activate water proof filter;// Deactivate water proof filter;// As the name suggest toggle filter state;// Reset all filters to deactivated;// Probably you don't need this, but you could use it to delete all filters;
MIT © Abdallatif