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 的底子:
- React、Babel、Webpack 基础示例
- Express React Webpack Babel Setup 入门模板
- Frontend Boilerplate Webpack React Redux Babel Autoprefixer HMR 模板
如果你是前端新手,想要一个能立马跑起来的项目,github-issues-tracker还挺合适,推荐试试哦。
github-issues-tracker-master.zip
预估大小:20个文件
github-issues-tracker-master
文件夹
public
文件夹
manifest.json
492B
index.html
2KB
robots.txt
67B
favicon.ico
4KB
logo512.png
9KB
logo192.png
5KB
src
文件夹
logo.svg
3KB
367.06KB
文件大小:
评论区