React-Demo React+Express脚手架项目
react-demo 的娃哈哈商城项目,用的是比较主流的 React + Redux 技术栈,整套跑在 Express 后端上,前后端都挺清爽的,适合拿来练手或者做中型项目的脚手架。
前端用了 react 搭配 redux 和 react-router-redux,再加上 webpack + ES6 + sass,开发体验比较现代,组件划分清晰,响应也快,UI 交互也够灵活。
后端是 Node.js 搭配 Express,代码结构简单,路由啥的你一看就明白,想改接口或者加点逻辑都挺方便的。
项目结构也还挺规整的:containers
放的是页面组件,比如 Home
;components
里是页面独享的小组件;common
和 images
分别放公共样式和资源。
想预览的话也简单,照着下面几步来:
git clone https://github.com/Aemple/react-demo
cd react-demo
npm i # 或者 yarn(推荐)
npm start
cd server
node app.js # 或者 nodemon app.js(推荐)
如果你刚学完 React,想找个实战项目练练手,这套代码还挺合适的。你也可以拿它当模板改出自己的电商项目。
另外,这几个资源也可以看看:
30.1MB
文件大小:
评论区