guoyongfeng / redux-complete-sample

最全的redux基础示例项目

Redux教程示例代码

配合教程：让Redux来管理你的应用

如何使用

$ git clone [email protected]:GuoYongfeng/redux-complete-sample.git
$ cd redux-complete-sample && npm install
$ cd demo-redux-start
$ webpack-dev-server --progress --colors

DEMO 列表

（一）

• demo-redux-start 使用Redux的基本示例
• demo-store store API学习
• demo-create-store 模拟store了解其原理
• demo-combine-reducer combineReducer示例
• demo-simple-react-redux 简单完整的react-redux使用示例
• demo-todo-app todo app完整示例

（二）

• demo-redux-devtools 使用Redux Devtools神器作为你的开发工具
• demo-middleware 理解和应用middleware
• demo-middleware-apply 使用middleware实现异步action和异步数据流

LICENSE

MIT

redux-complete-sample's Issues

为什么改了webpack的new OpenBrowserPlugin({ url: 'http://localhost:9090'})启动的时候还是监听的8080

wenpack的配置

var path = require('path')
var webpack = require('webpack')
var OpenBrowserPlugin = require('open-browser-webpack-plugin');

module.exports = {
  devtool: 'cheap-module-eval-source-map',
  entry: [
    'webpack-hot-middleware/client',
    './index'
  ],
  output: {
    path: path.join(__dirname, 'build'),
    filename: 'bundle.js',
    publicPath: '/static/'
  },
  plugins: [
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
    new OpenBrowserPlugin({ url: 'http://localhost:9090'}),
  ],
  module: {
    loaders: [{
      test: /\.js$/,
      loaders: ['babel'],
      exclude: /node_modules/,
      include: __dirname
    }]
  }
}

git的运行效果

单词拼写错误

每个demo中的webpack.config文件中的OccurenceOrderPlugin 这个单词少了一个r ,应该是两个r。