React GIF Expert App React入门项目
React 的入门项目
yarn start就能直接本地跑起来,开发模式下热更新,改了代码页面会自动刷新,响应也挺快的。你想看点报错信息?控制台全都给你列清楚了。
项目里集成了yarn test,测试写得不多,不过跑个快照测试、组件验证还蛮方便的。适合边学边写,顺便养成点测试习惯。
如果你想打包上线,用yarn build就行。它会自动压缩、加 hash、优化资源,直接输出到build
目录。拿去部署都不用手动改配置,适合不想折腾 webpack 的朋友。
哦对了,还有个yarn eject,就像把项目“脱壳”,把底层配置全抛出来。但注意,一旦执行就回不了头了。如果你真有自定义 webpack 需求,或者不想再依赖 CRA,那再用它也不迟。
想了解 Webpack 和 React 怎么搭配?可以看看这篇文章:Webpack 与 React。还有像测试工具、eject 配置这些也都能帮上忙。
,react-gifexpertapp算是个轻量又完整的小项目,适合前期摸索 React 项目结构、组件拆分和常规开发流程。如果你正想找个 React 项目练手,那它还挺值得一试的。
399.47KB
文件大小:
评论区