Journal-app React行政管理前端项目(Redux+Firebase+SCSS)
Journal-app-ReactJS 的管理台项目,用的是React搭配Redux,前端状态清晰,逻辑分层也蛮合理的,适合做些日常行政、内部工具的开发。
项目用的还是比较熟的那套套路:create-react-app
起手,开发直接npm start
就行,响应也快。你改代码页面自动刷新,调试体验还不错。
整合了Firebase,后台数据同步这块不用操心太多,适合做多端协同的小项目。像记录审批、文档流转这种需求,直接套用逻辑就能跑。
SCSS写样式,样式模块化清晰,定制方便。项目结构也干净,看着舒服。如果你是喜欢组件拆得细一点的风格,这个项目会蛮对你胃口。
构建这块支持npm run build
打包,生产环境优化也做得不错,文件哈希和压缩都有到位。
不过有个点要注意:npm run eject
是单向操作,一旦执行,整个构建配置会全暴露出来,想改 Webpack 啥的才推荐用,普通开发者基本不用动。
顺手给你几个相关的参考项目,如果你想看更多集成方案或者搭配用法,可以点下面这些链接看看:
- React、Redux、Firebase 和 Webpack 的集成示例
- React-Redux Boilerplate:集成了 SCSS、Webpack 4、React 16.2、Redux 等
- react-redux-webpack
- Webpack 4 + React + Redux + Jest
如果你是刚入门React + Firebase,这个项目还挺适合练手的;如果你要上手搞个内部管理系统,拿它做模板也挺合适的。
Journal-app-ReactJS-main.zip
预估大小:56个文件
Journal-app-ReactJS-main
文件夹
.gitignore
310B
package.json
1KB
package-lock.json
1.46MB
src
文件夹
components
文件夹
Input
文件夹
AppInput.tsx
912B
Alert
文件夹
index.tsx
237B
...
402.11KB
文件大小:
评论区