Shoe-Shopping-Cart React购物车练手项目
Shoe-Shopping-Cart 的结构挺清晰的,适合你刚上手 React 或者想搭个购物车项目练练手。用的是 Create React App 起步,省去了 Webpack 那些配置的烦心事,yarn start
一跑,页面秒开,热更新响应也快,开发体验还不错。
组件结构也挺简单,适合练习状态管理。你改一下商品数量、加个小交互,效果立马在浏览器里反映出来。适合边做边调试,而且控制台还能帮你发现语法问题,开发过程更安心。
yarn build
能把项目打包得挺干净,文件名里自动加了哈希,部署到服务器上也不会出缓存问题。如果你想更深入地控制打包过程,也可以yarn eject
一下,虽然这个操作不能回退,但能看到完整的 Webpack 和 Babel 配置,蛮适合想搞懂底层的同学。
想了解更多 Webpack+Babel 的搭建方式,可以看看这几个例子:
如果你想玩得深入点,比如接入路由或热更新,RobStack那个项目也挺全,值得一看。
总结下:入门 React + CRA 的项目练手利器,结构清爽、运行顺畅。如果你正好在学 React,又不想从 0 搭 Webpack,那就可以直接上手搞这个试试。
1.73MB
文件大小:
评论区