Redux与React-环境准备(React快速上手1)

配套工具
在React中使用redux,官方要求安装俩个其他插件-ReduxToolkit和react-redux
1.ReduxToolkit(RTK)-官方推荐编写Redux逻辑的方式,是一套工具的集合集,简化书写方式

2.react-redux-用来链接Redux和React组件的中间件

配置基础环境
1.使用CRA快速创建React项目
npx create-react-app react-redux
2.安装配套工具
npm i @reduxjs/toolkit react-redux
3.启动项目
npm run start

store目录结构设计


1.通常集中状态管理的部分都会单独创建一个单独的`store`目录
2.应用通常会有很多个子store模块,所以创建一个`modules`目录,在内部编写业务分类的子store
3.store中的入口文件index.js的作用是组合modules中所有的子模块,并导出store

相关推荐
风止何安啊7 分钟前
收到字节的短信:Trae SOLO上线了?尝尝鲜,浅浅做个音乐播放器
前端·html·trae
抱琴_15 分钟前
大屏性能优化终极方案:请求合并+智能缓存双剑合璧
前端·javascript
用户4639897543215 分钟前
Harmony os——长时任务(Continuous Task,ArkTS)
前端
fruge15 分钟前
低版本浏览器兼容方案:IE11 适配 ES6 语法与 CSS 新特性
前端·css·es6
颜酱33 分钟前
开发工具链-构建、测试、代码质量校验常用包的比较
前端·javascript·node.js
mCell1 小时前
[NOTE] JavaScript 中的稀疏数组、空槽和访问
javascript·面试·v8
柒儿吖1 小时前
Electron for 鸿蒙PC - Native模块Mock与降级策略
javascript·electron·harmonyos
颜酱1 小时前
package.json 配置指南
前端·javascript·node.js
todoitbo1 小时前
基于 DevUI MateChat 搭建前端编程学习智能助手:从痛点到解决方案
前端·学习·ai·状态模式·devui·matechat
oden1 小时前
SEO听不懂?看完这篇你明天就能优化网站了
前端