React Redux评论小应用状态管理练习项目
自定义设计的评论小应用,基于React和Redux构建,结构清晰,功能简单,适合刚入门状态管理的你练手试水。整个项目是通过 Create React App 起的盘,跑起来挺快的,逻辑上也没啥太多坑。
项目支持添加和删除评论,用的是典型的 Redux 数据流。想复习下 dispatch
和 reducer
的调用流程?这个项目刚好可以当作小型练习场,用它走一遍状态管理流程还蛮顺畅。
你可以直接 npm start
本地跑开发环境,改个文案、调个样式都能实时刷新,挺省事的。想打包上线?npm run build
一键生成 build
文件夹,生成后的代码也做了优化和压缩。
另外,如果你想动手改配置,比如换构建工具,npm run eject
也是给你留了口子的。虽然是单向的,但适合你深入研究构建原理。
如果你对 Redux 的更多玩法感兴趣,下面这几个资源也可以一块看看:
如果你刚好在学 Redux,又想找个比较轻量的项目练手,这个评论 App 还挺合适的。代码不多,逻辑清晰,重点都在状态流转上,练熟了再上复杂项目也不迟。
react-redux__comments-app-master.zip
预估大小:25个文件
react-redux__comments-app-master
文件夹
.gitignore
310B
package.json
893B
package-lock.json
675KB
src
文件夹
components
文件夹
getDate
文件夹
index.js
528B
addComment
文件夹
index.js
2KB
195.46KB
文件大小:
评论区