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,那这个库真挺值得一试。

zip
use-react-redux-context-master.zip 预估大小:12个文件
folder
use-react-redux-context-master 文件夹
file
package.json 1KB
file
decls.d.ts 34B
folder
__tests__ 文件夹
file
supress-render.test.tsx 4KB
file
jest.config.js 221B
file
tsconfig.json 5KB
file
index.d.ts 860B
file
index.tsx 3KB
file
.gitignore 652B
folder
demo 文件夹
file
index.html 349B
file
main.tsx 3KB
file
README.md 4KB
file
yarn.lock 336KB
zip 文件大小:135.56KB