Hi, I'm a Redux maintainer. Please check out our new official Redux Toolkit package. It includes utilities to simplify several common Redux use cases, including store setup, defining reducers, immutable update logic, and even creating entire "slices" of state at once:
Hi my name is Omar, I’m a software engineer that specializes in creating great front end experiences, primarily using react. When I’m not engineering I like to game and make music.
Hey Mark, can you elaborate on why you’re recommending the react-redux hooks as the default. What are the pro’s of that approach as opposed to wrapping components in connect.
connect still works fine, and we're going to continue maintaining and supporting it indefinitely.
But, useSelector and useDispatch are shorter and easier to work with in many cases, and they definitely work better with TypeScript. There's less indirection, less code, and it's more obvious what's happening.
Hi my name is Omar, I’m a software engineer that specializes in creating great front end experiences, primarily using react. When I’m not engineering I like to game and make music.
Hi, I'm a Redux maintainer. Please check out our new official Redux Toolkit package. It includes utilities to simplify several common Redux use cases, including store setup, defining reducers, immutable update logic, and even creating entire "slices" of state at once:
redux-toolkit.js.org
Also, while
connect
still works fine, we're now recommending that folks use our React-Redux hooks API as the default.I updated the article and the app if you wanted to take a second look. Thank you for your input!
Thank you, I'm going to try and convert it over and will update the article!
Hey Mark, can you elaborate on why you’re recommending the react-redux hooks as the default. What are the pro’s of that approach as opposed to wrapping components in connect.
connect
still works fine, and we're going to continue maintaining and supporting it indefinitely.But,
useSelector
anduseDispatch
are shorter and easier to work with in many cases, and they definitely work better with TypeScript. There's less indirection, less code, and it's more obvious what's happening.Hooks in general (and especially React-Redux hooks) do bring up a different set of tradeoffs, which I talked about in my post Thoughts on React Hooks, Redux, and Separation of Concerns and my ReactBoston 2019 talk on "Hooks, HOCs, and Tradeoffs". I'd encourage you to go through those.
Thanks for the links, that’s exactly what I was looking for. My team and I have been trying to understand the trade offs.