前言

## 作者介绍 张轩，曾在百度、携程就职前端工程师，现在在苹果公司。致力于前端工程化，并有大型spa项目架构和开发经验。 杨寒星，曾经就职于爱奇艺、百度，现在在七牛云负责前端开发与架构设计。对编写优美的代码，构建影响深远的系统感兴趣；专注于前端工程化的方案搭建以及大规模的spa架构设计，对基于react体系的前端开发有着丰富的实践经验。 ## 本书摘抄大纲 ### 前端组件化方案 - js模块化方案 - 前端的模块化和组件化 - 小结 ### webpack - webpack与requirejs,browserify的区别 - 模块规范 - 非js模块的支持 - 构建产物 - 使用 - 特色 - 安装 - 使用loader - 配置文件 - 使用插件 - 实时构建 ### react - jsx - 配置babel - 配置eslint - 添加测试页面 - 组件热加载功能 - 属性 - 状态 - 生命周期 - 组合组件 - 无状态函数组件 - state设计原则 - dom操作 - 虚拟dom - 比较差异 ### react实践 - 根据原型图分割组件 - 创建静态组件 - 组合静态组件 - 添加state结构 - 组件交互设计 - 通用测试工具简介 - react测试工具以及方法 - 配置测试环境 - shallow render - dom rendering ### flux架构以及实现 - 单项数据流 - 项目结构 - dispatcher action - stoore dispatcher - 优缺点 - 实现 - redux动机 - 三大定律 - 组成 - 数据流 - 使用middleware ### 使用redux - react-redux - 组件组织 - 开发工具 - 创建与触发action - 使用middleware - 实现reducer - 创建与连接store ### react与redux进阶 - 常见误解 - 反模式 - 性能优化 - 社区产物