分享一个自己做的react+redux实现的已上线的手机网站

#1

##先放地址 www.dingdandao.com:81/sale/#/74554458
请用F12进入手机模式浏览,或者在手机中打开
#点最后的付款会跳到支付宝页面里,这是没问题的,但请千万别在那个页面里扫码付款哦!!!!!!
##地址里‘#’后面跟的数字是某个商店的id,可更换。
##这是用到的所有依赖

"dependencies": {
    "babel-polyfill": "^6.7.4",
    "history": "^2.0.1",
    "isomorphic-fetch": "^2.2.1",
    "normalize.css": "^4.1.1",
    "react": "^0.14.8",
    "react-dom": "^0.14.8",
    "react-redux": "^4.4.1",
    "react-router": "^2.0.1",
    "react-router-redux": "^4.0.1",
    "react-slick": "^0.12.0",
    "redux": "^3.3.1",
    "redux-logger": "^2.6.1",
    "redux-thunk": "^2.0.1",
    "scroll-behavior": "^0.4.0"
  },
  "devDependencies": {
    "babel-core": "^6.7.4",
    "babel-eslint": "^6.0.2",
    "babel-loader": "^6.2.4",
    "babel-preset-es2015": "^6.6.0",
    "babel-preset-react": "^6.5.0",
    "babel-preset-stage-0": "^6.5.0",
    "copy-webpack-plugin": "^1.1.1",
    "css-loader": "^0.23.1",
    "eslint": "^2.8.0",
    "eslint-config-airbnb": "^6.2.0",
    "eslint-loader": "^1.3.0",
    "eslint-plugin-react": "^4.2.3",
    "html-webpack-plugin": "^2.15.0",
    "node-sass": "^3.4.2",
    "react-hot-loader": "^1.3.0",
    "redux-devtools": "^3.2.0",
    "redux-devtools-dock-monitor": "^1.1.1",
    "redux-devtools-log-monitor": "^1.0.9",
    "rimraf": "^2.5.2",
    "sass-loader": "^3.2.0",
    "style-loader": "^0.13.1",
    "webpack": "^1.12.14",
    "webpack-dev-server": "^1.14.1",
    "webpack-md5-hash": "0.0.5"
  }

这个项目开发时间总共是14天,不算测试时间,时间非常赶,所以有很多地方考虑得都不是很周到。
redux的开发总体上来说还是非常舒服的,基本上没有坑。
#唯一的难点就在于store树的设计,这点非常重要。#
##希望大家可以戳开网站,随便点点,指出不足,互相交流心得,谢谢!!如果有什么疑问的话,也可以提出来,大家一起探讨一下。

3 Likes
#2

地址点不了

#4

十分抱歉,我本来是用markdown来写链接的,但不知道为什么点不了了。。

#5

源码可以共享么

#6

挺不错的

#7

不错啊,能不能把源码我学习。我的QQ2585441871 或者 发我邮箱 2585441871@qq.com

#8

好奇楼主同学购物车是通过什么样的方式保存的

#9

楼主 共享一下你的代码吧 学习一样 我也在写React觉得好难啊

学习一下 能发我QQ邮箱吗? 674517660@qq.com 谢谢 非常感谢 :blush:

#10

非常不错,请问你是怎么处理打包后的js文件大小的?我看了下你的bundle.js大小只有几十K

#12

没有保存 :disappointed_relieved:

#13

其实挺大的,是靠gzip才压到这个尺寸的

#14

很不错!
有2个问题:

  1. 购物车 无法删除/清空
  2. 展示图片未压缩, 列表页一个小缩略图2M以上
    其他就是一些小样式问题.
#15

谢谢提醒,现在把缩略图都压缩了。
购物车这个产品就是这样设计的。。 :disappointed_relieved:

#16

只要redux就能把我的组件暴露出去了么?

#17

我的一个bundle.js 通过webpack打包后,900kb,然后uglify变为400kb,然后gzip变为100kb,怎么你的才1Kb都不到???

#18

购物车中增加或者减少的个数,这个也是写在顶层的store树中么,还是在购物车自己的组件中定义这个次数状态

#19

做的不错,但是就是控制台里面很多报错

#20

看不了。。请求被拒绝

#21

http://booking.dingdandao.com/65336874
新地址

#22

楼主可以分享源码吗?