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

相关推荐
小林ixn4 分钟前
从 ??= 到 onKeyDown:一个 React 组件的“自我修养”
前端·javascript·react.js
REDcker30 分钟前
显示分辨率标准对照详解
前端·网络·分辨率·显示·屏幕
এ慕ོ冬℘゜1 小时前
前端实战:jQuery 多条件联合搜索(标题模糊查询 + 日历时间段筛选)
前端·javascript·jquery
武子康1 小时前
Search Console Platform Properties 扩大 SEO 资产边界:从 Page Ranking 到 Topic Coverage(5 类误读边界 + 3 表数据层设计)
前端·人工智能·后端
随心点儿1 小时前
js postMessage 实现跨域发送消息-应用示例
javascript·ecmascript·postmessage
一点一木2 小时前
从60首歌到1个网站:输入你的故事,还你一首歌
前端·github
IT_陈寒3 小时前
Vue这个特性差点让我加班到凌晨,谁懂啊
前端·人工智能·后端
kyriewen3 小时前
我让AI改一个bug——它偷偷动了5个我没让它碰的地方
前端·javascript·ai编程
遇乐的果园3 小时前
前端学习笔记-vue加载渲染优化
前端·笔记·学习
用户985033593284 小时前
OpenLayers 热力图从原理到 Vue 组件一键接入
前端