React URL短链接生成器

React 的短链接工具项目,结构清晰、功能完整,挺适合当作脚手架或者学习示例。内置了常用的开发命令,开发模式、构建发布、测试都有,基本拿来就能跑。

项目的启动脚本在根目录,开发时直接npm start就行,页面改了会自动热更新,响应还挺快的。调试的时候控制台还有ESLint的提示,能早点发现问题。

需要跑测试?直接来个npm test,进入交互式的测试模式;要上线?npm run build会帮你把代码压缩打包,带上哈希值,适合部署上线,基本不用你操心啥。

有点折腾精神的,还可以npm run eject手动拆掉配置,不过注意一旦eject了就不能反悔了,适合对webpackBabel比较熟的同学。想深入了解这些工具的用法,可以看看下面这几个参考:

React + Webpack + Babel 教程,讲得蛮清楚的

Typescript 工具链也挺实用,适合搭配着一起用

如果你正好想写个url-shortener服务,又不想从头搭,那这个项目还挺合适。可以直接二次开发,加个后端接口或者加个数据库都不难。

zip 文件大小:672.69KB