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

相关推荐
烈风逍遥12 分钟前
第七篇:提示词模板管理与 Agent 提示词编排
前端·人工智能·后端
Amos_Web22 分钟前
Rspack 源码解析(十二):JavaScript Chunk 是如何被渲染出来的
前端·rust·源码
前端探险家Rick31 分钟前
React Native 二级弹出面板 + 键盘适配:从踩坑到正确方案
前端
用户9210802628635 分钟前
MCP 是什么?用 Figma MCP 辅助还原 Vue 页面
前端
用户9210802628635 分钟前
用 Figma MCP 还原 Vue 页面时,我遇到的三个问题
前端
修罗王36 分钟前
从 React Bits 到 Vue/Svelte Bits:重新定义前端“视觉表达层“
前端
kiros_wang37 分钟前
Notification 本地通知:定时消息、点击路由跳转、桌面角标适配
前端
flash俊杰44 分钟前
SQLite + sqlite-vec:100 篇文档内的私域知识库怎么做
前端
Hilaku1 小时前
为什么死磕 1px 的团队,用户体验反而更差?
前端·javascript·程序员