Hooks, HOCS, and Tradeoffs (⚡️)
summary
React-Redux ships a hooks API in version 7.1 with useSelector for state and useDispatch instead of bound action creators, which makes components smaller but couples them to context and requires react.memo to regain connect’s automatic render optimizations. connect remains an HOC that avoids unnecessary rerenders and keeps components unaware of Redux, while hooks make local async dispatching easier (so thunks are less mandatory). Redux Starter Kit adds configureStore and createSlice to simplify setup and reducers.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:07History of Code Reuse
- 6:57Hooks Questions
- 8:23Hooks New Features
- 9:15Hooks vs HOCS
- 11:33React Redux
- 13:10Dan Abramov
- 14:30Hooks
- 17:48Tradeoffs
- 20:37Redux Starter Kit
related talks
08mRedux Connect vs Redux Hooks: A play
56mEliminate extra dependencies : State management for React apps with hooks
17mReact hooks: the good, the bad and the ugly
45mWhy I am hooked on the future of React
27mHooked on React Hooks
36mReusing Stateful Logic in React: HOC vs Render Props vs Hooks
35mNavigating the Hype Driven Frontend Development World
25mWill React Hooks Replace Redux?