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

相关推荐
明川5 分钟前
Android Gradle - ASM + AsmClassVisitorFactory插桩使用
android·前端·gradle
San305 分钟前
深度驱动:React Hooks 核心之 `useState` 与 `useEffect` 实战详解
javascript·react.js·响应式编程
布列瑟农的星空6 分钟前
webpack迁移rsbuild——配置深度对比
前端
前端小黑屋7 分钟前
查看项目中无引用到的文件、函数
前端
前端小黑屋8 分钟前
小程序直播挂件Pendant问题
前端·微信小程序·直播
flashlight_hi11 分钟前
LeetCode 分类刷题:199. 二叉树的右视图
javascript·算法·leetcode
俊男无期13 分钟前
超效率工作法
java·前端·数据库
LYFlied13 分钟前
【每日算法】LeetCode 46. 全排列
前端·算法·leetcode·面试·职场和发展
刘一说17 分钟前
Vue Router:官方路由解决方案解析
前端·javascript·vue.js