selectem
Shorthand for react-redux’s mapStateToProps. Need some props? Just select 'em!
Before
const mapStateToProps = state foober: goober: anotherProp: youGetTheIdea: ;
After
const mapStateToProps = ;
Why tho?
- Avoid typos
- Write less characters
- DRY up your code
- Why not?
Advanced
ownProps
?
What if my selectors need Normally react-redux
checks the number of arguments of mapStateToProps
to determine whether or not to pass in an ownProps
parameter [1]. We’ll do the same arity check as react-redux
and pass ownProps
to each selector that needs it. 👍
I want to give one of my props a custom name! Can it be done?
Yes, only props that end in "Selector" will be renamed! If you give a prop a custom name it will just get passed through automatically.
mapStateToProps
function but I still hate typing.
I have a complicated It happens - particularly if you need per-instance memoization. selectem
is pretty simple, so you can mix it in with standard mapStateToProps
syntax without too much trouble:
const mapStateToProps = // some complicated memoization stuff return state ownProps someProp: ...state ownProps ;;
This basically boils down to calling the selectem
function using (state, ownProps)
as arguments.
I'm not sure if this is actually nicer than just typing it out, but it works!
License
MIT