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 + Firebase,这个项目还挺适合练手的;如果你要上手搞个内部管理系统,拿它做模板也挺合适的。

zip
Journal-app-ReactJS-main.zip 预估大小:56个文件
folder
Journal-app-ReactJS-main 文件夹
file
.gitignore 310B
file
package.json 1KB
file
package-lock.json 1.46MB
folder
src 文件夹
folder
components 文件夹
folder
Input 文件夹
file
AppInput.tsx 912B
folder
Alert 文件夹
file
index.tsx 237B
folder
Sidebar 文件夹
file
NothingSelected.tsx 286B
file
JournalEntry.tsx 1KB
file
JournalEntries.tsx 714B
file
index.tsx 1KB
folder
Notes 文件夹
file
NotesAppBar.tsx 882B
file
index.tsx 1KB
folder
Form 文件夹
file
AppForm.tsx 344B
file
react-app-env.d.ts 40B
folder
helpers 文件夹
file
loadNotes.ts 409B
folder
types 文件夹
folder
Reducers 文件夹
folder
Ui 文件夹
file
uiTypes.ts 376B
folder
Auth 文件夹
file
authTypes.ts 347B
folder
Notes 文件夹
file
notesTypes.ts 620B
folder
firebase 文件夹
file
firebaseConfig.ts 605B
folder
page 文件夹
folder
Auth 文件夹
folder
Login 文件夹
file
index.tsx 3KB
folder
Register 文件夹
file
index.tsx 3KB
folder
Journal 文件夹
file
index.tsx 702B
folder
routers 文件夹
file
PublicRoutes.tsx 499B
file
AuthRouter.tsx 577B
file
index.tsx 2KB
file
PrivateRoutes.tsx 531B
folder
reducers 文件夹
folder
Ui 文件夹
file
uiReducer.ts 820B
folder
Auth 文件夹
file
authReducer.ts 531B
folder
Notes 文件夹
file
notesReducer.ts 627B
file
setupTests.ts 241B
folder
actions 文件夹
folder
Ui 文件夹
file
uiAction.ts 390B
folder
Auth 文件夹
file
authAction.ts 2KB
folder
Notes 文件夹
file
notesAction.ts 1KB
folder
index.css 文件夹
folder
styles 文件夹
folder
components 文件夹
file
_button.scss 1KB
file
_nothing.scss 264B
file
_journal.scss 2KB
file
_links.scss 116B
file
_notes.scss 1KB
file
_auth.scss 1KB
folder
base 文件夹
file
_base.scss 334B
file
_settings.scss 138B
file
style.scss 248B
folder
store 文件夹
file
index.ts 594B
file
index.tsx 530B
file
App.test.tsx 273B
file
reportWebVitals.ts 425B
file
App.tsx 222B
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
tsconfig.json 535B
file
README.md 2KB
file
.eslintcache 13KB
...
zip 文件大小:402.11KB