Will useMemo replace reselect? #386

Activity

1. vinnymac commented on Dec 15, 2018

   

   vinnymac

   on Dec 15, 2018

   More actions

   With only a cursory glance, I would assume that useMemo cannot replace reselect simply because useMemo is a hook and therefore will only work with functional components. While reselect works with any type of component.

   As far as I know the original intent was to couple reselect with react-redux. Seeing as they plan on adding support for some kind of useRedux like functionality in react-redux I'd figure that could be coupled with useMemo eventually. I am pretty sure to get a real answer to your question we will have to wait to see what it is exactly react-redux creates in regards to a hook, and whether or not that works well with useMemo.

   With that said, reselect can be used anywhere, as it has no dependencies. So if it was necessary to use with a theoretical new hook instead of connect(), it may be able to be repurposed for that use case.

   👍React with 👍2Reacted by Jacky Hu and Stefana
2. markerikson commented on Dec 15, 2018

   

   markerikson

   on Dec 15, 2018

   Last edited by markerikson

   Contributor

   More actions

   Reselect is indeed useful anywhere, and can be used totally independent of Redux. Really, its competition is libs like memoize-one, not useMemo().

   For Redux usage, we recommend using selectors anywhere you access the Redux state tree, not just in mapState functions. That includes thunks, sagas, middleware, and so on. See my post Idiomatic Redux: Using Reselect Selectors for Encapsulation and Performance for more details.

   👍React with 👍15Reacted by Cory House, Yann RENAUDIN, Benjamin Delmas, King David Martins, Andrew Craswell, Justin Linn, Shagen A., Firzinat Khuzeev, Amir Mohammad Moradi, Nikita Gordeev and 5 more

   🎉React with 🎉6Reacted by Vincent Taverna, King David Martins, Justin Linn, Benjamin Delmas, Gerardo Cordero and Enzo
3. coryhouse commented on Dec 15, 2018

   

   coryhouse

   on Dec 15, 2018

   Author

   More actions

   Ha, I dunno what I was thinking. I know Hooks only work in React components. Sigh. Thanks for your patience and the excellent response guys! 👍

   Closing. :)
4. coryhouse

   closed this as completedon Dec 15, 2018
5. enoh-barbu commented on Apr 13, 2019

   

   enoh-barbu

   on Apr 13, 2019

   More actions

   But in terms of using it within react apps, will there be any reasons for not replacing it with memo hooks?

   👍React with 👍34Reacted by Yarin Dekel, Frederick Chapman, Dan Seethaler, Jake Boone, Erik Cupal, Kevin Duret, Steven Cummings, Udi Elenberg, Nathan Vander Wilt, Bill Cryer and 24 more
6. Kadrian commented on Nov 25, 2019

   

   Kadrian

   on Nov 25, 2019

   Last edited by Kadrian

   More actions

   One stylistic difference is: with reselect and e.g. react-redux your component rerenders only when a selected/memoized value changes. With useMemo, the component renders anyways. Yes, you could create a wrapper / HOC that renders your component and use useMemo in there. That's essentially what react-redux's connect does. So well. To me at least, it seems to come down to a matter of individual taste
7. pavan-shipmnts commented on Apr 13, 2020

   

   pavan-shipmnts

   on Apr 13, 2020

   More actions

   But rendering is not the same as commit in react terms. For detailed explanation on the same
   https://kentcdodds.com/blog/fix-the-slow-render-before-you-fix-the-re-render
8. supnate commented on Sep 26, 2020

   

   supnate

   on Sep 26, 2020

   More actions

   No, they are different. useMemo memorizes data per instance but reselect is global.

   👍React with 👍12Reacted by Anson Kao, Harris Thompson, Glow, Fábio D. Batista, Kirill Taletski, MD, Yevhen Kozlov, Anton Shokut, Zach Pang, DecafDev and 2 more
9. mrdulin commented on Apr 17, 2024

   

   mrdulin

   on Apr 17, 2024

   Last edited by mrdulin

   More actions

   No, they are different. useMemo memorizes data per instance but reselect is global.

   I'm curious whether the memory usage of useMemo() will be greater than that of selector if there are a lot of instances.