基于react + redux + ES6 + webpack + react-router的英雄联盟战绩查询应用

技术栈:

react + redux + immutable + less + scss + ES6/7 + webpack + fetch + react-router按需加载 + react-transform热替换 + webpack-dev-server + http-proxy-middleware

下载

git clone https://github.com/wuchujiang/react-lol-spa.git

 cd react-lol-spa

 npm install

运行(nodejs 6.0+)

npm run dev (正常编译模式) 

 npm run hot (热替换编译模式)

 访问 http://localhost:8088
  
 npm run dist (发布生产版本,对代码进行混淆压缩,提取公共代码,分离css文件)

 node server_prd.js (启动生产包node服务,代理api)

演示

demo(请用chrome的手机模式预览)

移动端扫描下方二维码

效果










相关文章

react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...