Easy-peasy: Example for derived state with dependencies and arguments

[johnnythunder]

Could you please provide an example of composing selectors with arguments?

const store = createStore({
  products: [{ id: 1, name: 'Shoes', price: 123 }, { id: 2, name: 'Hat', price: 75 }],

  productById: select(state =>
    id => state.products.find(x => x.id === id)
  ),

  // should be updated to use productById as a dependency
  productPrice: select(state =>
    id => '$' + state.products.find(x => x.id === id).price
  )
};

[richvida]

This would be useful to know for me as well.

[ctrlplusb]

Eeek, some bugs around selectors when I tried to implement the solution. Will get back to you with an example when working.

[ctrlplusb]

FYI both - I have come up with a much better architectural design for selectors that will address your issues, and be far more performant. Plus you won't have to do this nested function based implementation which just sucks.

I am hoping to have time this weekend to be able to implement it. 👍

[ctrlplusb]

FYI I have published a new helper. Check out #177 for more info. I've still got loads of docs to write out. I'll be writing how to use them via Typescript too after I finish the standard JS examples.

Would really appreciate your feedback.

[ctrlplusb]

This is now in the next branch

[ctrlplusb]

FYI, there was a separate bug on selectors which has been fixed. You can call selects from each other now. 👍

https://codesandbox.io/s/easypeasy170-l7dle

I am still of mind to deprecate select in favour of selector - despite it being more verbose. It's still less of a footgun.