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

相关推荐
若梦plus24 分钟前
微前端之样式隔离、JS隔离、公共依赖、路由状态更新、通信方式对比
前端
若梦plus35 分钟前
Babel中微内核&插件化思想的应用
前端·babel
若梦plus38 分钟前
微前端中微内核&插件化思想的应用
前端
若梦plus39 分钟前
服务化架构中微内核&插件化思想的应用
前端
若梦plus1 小时前
Electron中微内核&插件化思想的应用
前端·electron
若梦plus1 小时前
Vue.js中微内核&插件化思想的应用
前端
得物技术1 小时前
Java SPI 机制初探|得物技术
javascript
qq_419854051 小时前
css 发射烟花的动画
前端·css·css3
kngines1 小时前
【Node.js从 0 到 1:入门实战与项目驱动】1.1 什么是 Node.js?(定义、运行环境、与浏览器 JavaScript 的区别)
开发语言·javascript·node.js
一个很帅的帅哥1 小时前
Node.js和Javascript中的async和await
javascript·node.js·async·promise·await