React Redux评论小应用状态管理练习项目

自定义设计的评论小应用,基于ReactRedux构建,结构清晰,功能简单,适合刚入门状态管理的你练手试水。整个项目是通过 Create React App 起的盘,跑起来挺快的,逻辑上也没啥太多坑。

项目支持添加删除评论,用的是典型的 Redux 数据流。想复习下 dispatchreducer 的调用流程?这个项目刚好可以当作小型练习场,用它走一遍状态管理流程还蛮顺畅。

你可以直接 npm start 本地跑开发环境,改个文案、调个样式都能实时刷新,挺省事的。想打包上线?npm run build 一键生成 build 文件夹,生成后的代码也做了优化和压缩。

另外,如果你想动手改配置,比如换构建工具,npm run eject 也是给你留了口子的。虽然是单向的,但适合你深入研究构建原理。

如果你对 Redux 的更多玩法感兴趣,下面这几个资源也可以一块看看:

如果你刚好在学 Redux,又想找个比较轻量的项目练手,这个评论 App 还挺合适的。代码不多,逻辑清晰,重点都在状态流转上,练熟了再上复杂项目也不迟。

zip
react-redux__comments-app-master.zip 预估大小:25个文件
folder
react-redux__comments-app-master 文件夹
file
.gitignore 310B
file
package.json 893B
file
package-lock.json 675KB
folder
src 文件夹
folder
components 文件夹
folder
getDate 文件夹
file
index.js 528B
folder
addComment 文件夹
file
index.js 2KB
file
addComment.css 1KB
folder
itemComment 文件夹
file
index.js 609B
file
itemComment.css 1KB
folder
listComments 文件夹
file
index.js 777B
file
listComments.css 62B
file
index.js 475B
folder
containers 文件夹
file
app.js 644B
file
app.css 153B
file
index.css 366B
folder
store 文件夹
folder
dispatch 文件夹
file
index.js 327B
folder
constants 文件夹
file
index.js 78B
folder
reducers 文件夹
file
rootReducer.js 830B
folder
actions 文件夹
file
actionCreators.js 306B
folder
public 文件夹
file
robots.txt 67B
file
logo192.png 5KB
file
index.html 2KB
file
favicon.ico 4KB
file
manifest.json 492B
file
logo512.png 9KB
file
README.md 3KB
zip 文件大小:195.46KB