基于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.gitcd react-lol-spanpm install

运行（nodejs 6.0+）

 npm run dev (正常编译模式) npm run hot (热替换编译模式)访问 http://localhost:8088npm run dist （发布生产版本，对代码进行混淆压缩，提取公共代码，分离css文件）node server_prd.js (启动生产包node服务，代理api)

演示

demo（请用chrome的手机模式预览）

移动端扫描下方二维码

效果图

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

webpack+react+redux+es6开发模式
一.预备知识 node, npm, react, redux, es6, webpack 二.学习资源 ECMAScript 6入门 React和Redux的连接react-redux Redux 入 ...
webpack+react+redux+es6开发模式---续
一.前言之前介绍了webpack+react+redux+es6开发模式 ,这个项目对于一个独立的功能节点来说是没有问题的.假如伴随着源源不断的需求,前段项目会涌现出更多的功能节点,需要独立部署运行 ...
webpack+react+es6开发模式
一.前言实习了两个月,把在公司用到的前端开发模式做个简单的整理.公司里前端开发模式webpack+react+redux+es6,这里去掉了redux. webpack, react, redux等 ...
使用react+redux+react-redux+react-router+axios+scss技术栈从0到1开发一个applist应用
先看效果图 github地址 github仓库在线访问初始化项目 #创建项目 create-react-app applist #如果没有安装create-react-app的话,先安装 npm ...
React,Redux,React-redux的错综复杂关系
最近了解了一些React的知识,在这里写一些关于React.js,Redux和React-redux的知识,供大家学习一.React 1.首先要知道React不是mvc框架,它只是一个库,只专注于视 ...
使用React,Redux,redux-sage构建图片库(翻译)
看到这篇文章build an image gallery using redux saga,觉得写的不错,长短也适中. 文后有注释版的github代码库,请使用comment分枝. Flickr AP ...
React+Redux系列教程
2019独角兽企业重金招聘Python工程师标准>>> 参考项目:https://github.com/lewis617/react-redux-tutorial 参考项目下载地址: ...
基于 react, redux 最佳实践构建的 2048
前段时间 React license 的问题闹的沸沸扬扬,搞得 React 社区人心惶惶,好在最终 React 团队听取了社区意见把 license 换成了 MIT.不管 React license ...
实例讲解基于 React+Redux 的前端开发流程
前言:在当下的前端界,react 和 redux 发展得如火如荼,react 在 github 的 star 数达 42000 +,超过了 jquery 的 39000+,也即将超过前几年比较火的an ...

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

技术栈：

下载

运行（nodejs 6.0+）

演示

移动端扫描下方二维码

效果图

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

最新文章

热门文章