Random Quote Generator React入门项目
黑色背景的随机语录生成器,React 写的,结构还挺清晰的。用的是 Create React App 搭的脚手架,开发体验比较顺,尤其适合刚上手 React 的你。
入门 React 的项目,推荐从这种小工具类开始练手。这个项目功能简单但挺全,语录内容随机显示,页面响应也快,UI 布局也干净。整个逻辑都在一个组件里,看代码不会乱。
目录结构是典型的 CRA 生成的样子,npm start
一跑就能看到效果。支持热更新,改完保存一下,页面自动刷新,不用手动搞。
想打包上线的话,用npm run build
就行。它会帮你压缩、哈希命名、优化性能,丢到build
文件夹就能部署了。挺方便的。
如果你喜欢折腾配置,可以npm run eject
自己动手调 webpack 和 babel。嗯,,eject 是单行操作,干了就回不去了,谨慎点哈。
顺便说下,项目里测试脚本也在,npm test
跑一下就能检查逻辑。虽然刚学的时候用不上,但知道它在哪挺重要的。
如果你对 CRA 感兴趣,建议看看这篇Create React App 项目构建指南,讲得蛮清楚的,适合再进阶一波。
166.02KB
文件大小:
评论区