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,也适合教学演示。

zip
manga-browser-main.zip 预估大小:31个文件
folder
manga-browser-main 文件夹
file
.gitignore 310B
file
package.json 1KB
folder
src 文件夹
file
react-app-env.d.ts 40B
folder
models 文件夹
file
CharacterPicturesResponse.ts 254B
folder
views 文件夹
file
logo.svg 3KB
folder
characters-showcase 文件夹
file
CharactersShowcase.tsx 2KB
folder
search-bar 文件夹
file
SearchBar.tsx 427B
file
App.test.tsx 273B
file
App.tsx 750B
folder
backend 文件夹
file
character-api.ts 429B
file
rest-client.ts 349B
file
index.ts 54B
file
character-api.test.ts 466B
file
config.ts 58B
file
setupTests.ts 241B
file
index.css 366B
file
index.tsx 506B
file
reportWebVitals.ts 425B
folder
styled-definitions 文件夹
file
my-theme.ts 191B
file
styled.d.ts 257B
folder
public 文件夹
file
robots.txt 67B
file
logo192.png 5KB
file
index.html 2KB
file
favicon.ico 4KB
file
manifest.json 497B
file
logo512.png 9KB
file
tsconfig.json 535B
file
README.md 2KB
folder
.vscode 文件夹
file
launch.json 573B
file
extensions.json 82B
file
yarn.lock 514KB
zip 文件大小:226.73KB