iSpring/babel-webpack-react-redux-tutorials

React技术栈一站式系列教程，涉及React、Redux、Babel、Webpack等相关技术

babel-webpack-react-redux-tutorials

React技术栈系列教程，涉及React、Redux、Babel、Webpack等相关技术

目录

• 前言

  1. 前端发展简史
  2. React技术栈的使命

• Babel

  1. Babel使用基础
  2. babel-polyfill
  3. 使用Flow进行静态类型检查

• Webpack

  1. 使用Webpack加载ES6模块、ADM模块、CommonJS模块
  2. 使用Webpack加载打包NPM模块
  3. 使用Webpack加载CSS、SASS、LESS资源并集成PostCSS
  4. 使用ExtractTextPlugin分离CSS以及文本文件
  5. 使用Webpack加载图片和SVG
  6. 使用HtmlWebpackPlugin自动生成html文件
  7. 在Webpack中使用环境变量
  8. Webpack中Chunk概念详解以及通过Webpack Code Splitting实现异步按需加载
  9. 使用bundle-loader异步加载资源文件
  10. 使用webpack-md5-hash
  11. Webpack中使用CommonsChunkPlugin
  12. Webpack Dev Server
  13. Webpack Source Maps

• React

  1. JSX语法
  2. React组件
  3. React组件状态与生命周期
  4. React组件事件和ref
  5. Conditional Rendering
  6. Lists and Keys
  7. 在React中使用classnames和CSS Module
  8. React Developer Tools
  9. Performance
  10. Context
  11. Animation
  12. PureRender
  13. Two-way Binding
  14. Test

• react-router

  1. react-router使用基础
  2. Route配置
  3. history
  4. location对象以及路由切换时的参数传递
  5. 通过Route向Component传递props
  6. 在react-router中使用代码分离实现动态路由

• Redux

  1. Redux使用基础
  2. Redux中间件
  3. Redux异步中间件
  4. redux-combineReducers
  5. react-redux-binding
  6. 异步加载组件
  7. Immutable.js
  8. Chrome Redux Plugin

未完待续...