GitHub Issues Tracker React项目

npm start就能跑起来的 React 项目,真是开发小白的福音。github-issues-tracker就是这种比较省事的项目,整个流程走的是 Create React App 那一套,结构清晰,配置省心。

项目的启动方式也挺常规:直接在目录下跑npm start就行,默认会打开浏览器,改代码后自动刷新,响应也快,适合一边写一边调。

打包上线的话,用npm run build就能把项目打进build文件夹,还自带压缩优化,构建结果包含哈希值,部署直接丢到服务器上就完事了,比较适合小团队或个人项目。

项目里也考虑了测试,用npm test可以进入交互式测试模式,边写边测比较方便。虽然测试这块默认是 Jest,React 系的项目用它也算比较顺手。

另外还支持npm run eject把 CRA 的封装全部拆出来,不过除非你真想自己折腾 Webpack 配置,不然还是建议留着。真的手痒了,可以先看看这个React + Webpack + Babel 教程

如果你正想整一个 issues 列表类型的项目,或者练习用 React 整点东西,这个项目上手快,逻辑也清晰,适合练练手。顺手还能看看下面这些文章补补 Webpack 的底子:

如果你是前端新手,想要一个能立马跑起来的项目,github-issues-tracker还挺合适,推荐试试哦。

zip
github-issues-tracker-master.zip 预估大小:20个文件
folder
github-issues-tracker-master 文件夹
folder
public 文件夹
file
manifest.json 492B
file
index.html 2KB
file
robots.txt 67B
file
favicon.ico 4KB
file
logo512.png 9KB
file
logo192.png 5KB
folder
src 文件夹
file
logo.svg 3KB
file
index.css 366B
folder
components 文件夹
file
Tracker.js 4KB
file
Nav.js 181B
file
App.js 210B
file
reportWebVitals.js 362B
file
App.test.js 246B
file
setupTests.js 241B
file
App.css 3KB
file
index.js 500B
file
README.md 3KB
file
.gitignore 315B
file
package-lock.json 1.45MB
file
package.json 891B
zip 文件大小:367.06KB