manga-browser React.js漫画浏览器
React 项目的漫画浏览器,挺适合用来练手的。manga-browser
这个项目是用Create React App起步的,开发流程比较标准,运行、测试、打包都有脚本直接搞定,不用自己折腾配置。用yarn start
一键跑起来,浏览器里立马能看到效果,响应也快。
开发模式下编辑代码会自动刷新,控制台还会提示语法问题,挺适合初学者练习。yarn test
能跑交互式测试,方便你随时验证组件逻辑。要上线就yarn build
,打出来的包体积也控制得不错,带哈希值的文件名对缓存友好。
另外它支持yarn eject
暴露底层配置,虽然是个单向操作,但如果你想深挖 webpack 或 babel 的配置原理,也是个不错的起点。注意:eject 之后就回不去了,操作前最好备份下代码。
如果你平时喜欢刷漫画,或者想做个内容型前端练手项目,这个还挺对味的。你也可以看看这些相关项目:React.js 练习、Proffy_Web这些都挺有参考价值。
建议你先用默认配置跑起来熟悉下开发流程,等用顺手了再去看配置优化。适合做项目 demo,也适合教学演示。
manga-browser-main.zip
预估大小:31个文件
manga-browser-main
文件夹
.gitignore
310B
package.json
1KB
src
文件夹
react-app-env.d.ts
40B
models
文件夹
CharacterPicturesResponse.ts
254B
views
文件夹
logo.svg
3KB
characters-showcase
文件夹
226.73KB
文件大小:
评论区