GitHub查找器React项目结构分析

Github 项目的快速查找器,界面清爽,启动也快,适合想搞清楚某个项目结构或者依赖的你。整个流程走的就是标准的React + Webpack套路,脚本写好了,进项目目录直接npm start就能看效果。

项目的开发模式响应挺快,改了代码页面自动刷新,懒得手动刷新了。而且控制台报错也清晰,哪出问题一眼就能看到,调试省事儿。

测试模式也是配好的,用npm test就能开跑。适合你平时写点单测,又不想折腾配置的时候。默认是交互模式,跑完一个等你改完再继续。

正式上线的时候用npm run build,会自动压缩代码,加哈希,打包到build文件夹,直接拿去部署就行。用的是 React 的生产优化配置,性能和体积都得还不错。

如果你有定制化需求,比如要动 Webpack、Babel 配置,也可以npm run eject。不过注意哦,这是单程票,eject 之后不能回头。适合喜欢折腾配置的同学,不然还是用默认的省事。

想再深入了解构建流程,可以看看下面这几篇:

如果你刚开始玩 React 项目或者想找个轻量模板试试水,这个项目还是蛮适合的。用起来顺手,也方便二次改造。

zip
GithubFinder-master.zip 预估大小:33个文件
folder
GithubFinder-master 文件夹
file
package.json 800B
file
package-lock.json 572KB
folder
src 文件夹
file
App.css 5KB
file
index.js 220B
folder
assets 文件夹
file
spinner.gif 9KB
file
setupTests.js 255B
folder
components 文件夹
file
Navbar.js 551B
file
Search.js 1KB
file
About.js 221B
file
Alert.js 437B
folder
users 文件夹
file
Users.js 715B
file
UserItem.js 542B
file
User.js 3KB
folder
repos 文件夹
file
Repos.js 171B
file
Repoitem.js 214B
file
Spinner.js 283B
file
App.js 1KB
folder
context 文件夹
folder
alert 文件夹
file
alertReducer.js 245B
file
AlertState.js 684B
file
alertContext.js 107B
file
types.js 284B
folder
github 文件夹
file
githubReducer.js 746B
file
githubContext.js 109B
file
GithubState.js 2KB
folder
index.css 文件夹
file
.gitignore 310B
folder
public 文件夹
file
logo192.png 5KB
file
manifest.json 492B
file
robots.txt 67B
file
index.html 2KB
file
logo512.png 9KB
file
favicon.ico 3KB
file
README.md 3KB
zip 文件大小:191.45KB