redux-microblog微博投票与否决功能项目

微博项目的投票+否决功能,搭配的是比较经典的React + Redux + Express组合。页面是用 Create React App 起的,结构清晰,适合想练练手或做 DEMO 的朋友。

前端这块,Redux 状态管理挺纯粹,用到了 react-reduxuseSelectoruseDispatch。你可以直接看到投票状态是怎么传下去的,逻辑不绕,适合当成 Redux 的入门项目。

后端用的是 Express,数据接口也蛮,就是 GET 和 POST 两种,适合你自己扩展,比如加个登录认证、评论功能什么的。代码量不多,改起来也比较轻松。

跑起来也方便,直接 npm start 就能看到页面,支持热更新,改个组件刷新一下就生效。你要是想跑生产环境,也可以直接 npm run build 一把梭。

小提醒:如果你有特殊配置需求,比如想改 webpack、babel 的细节,那就得用 npm run eject,不过这一步是不可逆的,动手前记得备份一下代码。

如果你刚开始学 React + Redux,或者想看个全栈的小项目上手,redux-microblog 还挺合适的。想深入点的话,你也可以参考下面这几个扩展文章,一起吃透。

zip
redux-microblog-main.zip 预估大小:37个文件
folder
redux-microblog-main 文件夹
file
package.json 979B
file
package-lock.json 675KB
folder
src 文件夹
file
actionCreators.js 2KB
file
App.css 564B
file
NewPost.js 2KB
file
index.js 771B
file
Button.js 971B
file
reportWebVitals.js 362B
file
Nav.js 500B
file
RootReducer.js 1KB
file
Home.js 988B
file
Post.js 2KB
file
logo.svg 3KB
file
App.test.js 246B
file
setupTests.js 241B
file
hooks.js 2KB
file
App.js 611B
file
Votes.js 239B
file
index.css 366B
file
.gitignore 310B
folder
public 文件夹
file
logo192.png 5KB
file
manifest.json 492B
file
robots.txt 67B
file
index.html 2KB
file
logo512.png 9KB
file
favicon.ico 4KB
file
README.md 3KB
folder
backend 文件夹
file
package.json 394B
file
readme.md 161B
file
server.js 167B
folder
routes 文件夹
file
postComments.js 2KB
file
posts.js 3KB
file
package-lock.json 40KB
file
.gitignore 13B
file
app.js 789B
file
data.sql 833B
file
db.js 206B
zip 文件大小:212.32KB