use-react-redux-context使用useContext替代ReactRedux.connect提高性能
useContext 写的 Redux 绑定,比 connect()轻不少。以前用ReactRedux.connect()
,写多了你会发现真有点重,尤其组件一多,性能压力也上来了。
用use-react-redux-context
就不一样了,思路清晰、结构简单、性能还挺不错。核心是用React.Context
来传 state,再搭配useCallback
和浅比较来避免重复渲染,嗯,响应也快,代码也干净。
绑定 action 的方式也比较顺手,不像connect()
那样一堆模板代码。想要mapState
?直接在useContext
里搞定。
而且对TypeScript
也蛮友好,不管你是 TS 老手还是刚入门,类型推导都帮你搞定得妥妥的。
要用?先装这些依赖:
yarn add react-dom redux react-redux
npm install --save use-react-redux-context
# TypeScript 项目加上这几个
yarn add @types/react @types/redux @types/react-redux -D
如果你在用React + Redux + TypeScript
,而且不想用老旧的connect
,那这个库真挺值得一试。
use-react-redux-context-master.zip
预估大小:12个文件
use-react-redux-context-master
文件夹
package.json
1KB
decls.d.ts
34B
__tests__
文件夹
supress-render.test.tsx
4KB
jest.config.js
221B
tsconfig.json
5KB
index.d.ts
860B
index.tsx
3KB
.gitignore
652B
135.56KB
文件大小:
评论区