redux-microblog微博投票与否决功能项目
微博项目的投票+否决功能,搭配的是比较经典的React + Redux + Express组合。页面是用 Create React App 起的,结构清晰,适合想练练手或做 DEMO 的朋友。
前端这块,Redux 状态管理挺纯粹,用到了 react-redux
的 useSelector
和 useDispatch
。你可以直接看到投票状态是怎么传下去的,逻辑不绕,适合当成 Redux 的入门项目。
后端用的是 Express,数据接口也蛮,就是 GET 和 POST 两种,适合你自己扩展,比如加个登录认证、评论功能什么的。代码量不多,改起来也比较轻松。
跑起来也方便,直接 npm start
就能看到页面,支持热更新,改个组件刷新一下就生效。你要是想跑生产环境,也可以直接 npm run build
一把梭。
小提醒:如果你有特殊配置需求,比如想改 webpack、babel 的细节,那就得用 npm run eject
,不过这一步是不可逆的,动手前记得备份一下代码。
如果你刚开始学 React + Redux,或者想看个全栈的小项目上手,redux-microblog 还挺合适的。想深入点的话,你也可以参考下面这几个扩展文章,一起吃透。
redux-microblog-main.zip
预估大小:37个文件
redux-microblog-main
文件夹
package.json
979B
package-lock.json
675KB
src
文件夹
actionCreators.js
2KB
App.css
564B
NewPost.js
2KB
index.js
771B
Button.js
971B
reportWebVitals.js
362B
212.32KB
文件大小:
评论区