React-Demo React+Express脚手架项目

react-demo 的娃哈哈商城项目,用的是比较主流的 React + Redux 技术栈,整套跑在 Express 后端上,前后端都挺清爽的,适合拿来练手或者做中型项目的脚手架。

前端用了 react 搭配 reduxreact-router-redux,再加上 webpack + ES6 + sass,开发体验比较现代,组件划分清晰,响应也快,UI 交互也够灵活。

后端Node.js 搭配 Express,代码结构简单,路由啥的你一看就明白,想改接口或者加点逻辑都挺方便的。

项目结构也还挺规整的:containers 放的是页面组件,比如 Homecomponents 里是页面独享的小组件;commonimages 分别放公共样式和资源。

想预览的话也简单,照着下面几步来:

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,想找个实战项目练练手,这套代码还挺合适的。你也可以拿它当模板改出自己的电商项目。

另外,这几个资源也可以看看:

zip 文件大小:30.1MB