在线客服
React全栈:Redux+Flux+webpack+Babel整合开发图书
人气:15

React全栈:Redux+Flux+webpack+Babel整合开发

对一个前端工程师来说,这是最坏的时代,也是好的时代。 在这样的领域里,每一年都不会风平浪静。如果说2014 年是属于MVVM,属于Angular 的,那么2015 年称为React 元年并不为过。开发团队的不断完善以及React社...

内容简介

本书从现代前端开发的标准、趋势和常用工具入手,由此引出了的构建工具webpack 和JavaScript库React,之后用一系列的实例来阐述两者的特色、概念和基本使用方法。随着应用复杂度的增加,进而介绍了Flux 和Redux 两种架构思想,并且使用Redux 对现有程序进行改造,介绍了在开发过程中出现的反模式和性能优化方法。

编辑推荐

√ React带来Virtual DOM,填平PC与移动鸿沟,前端从此迈向全端。

√ Modern F2E时代开启,ES2015 Redux Flux webpack Babel技术栈来袭。

√ 全栈明星非React莫属,工程方法、工程化工具、框架使用,尽在本书。

√ 实战整合全新语言标准、编程范式、框架组件、自动化工作流。

作者简介

张轩,前端开发工程师。曾经在百度、携程就职,目前在苹果公司担任前端开发工程师。拥有丰富的Web开发经验,喜欢追寻新技术,在GitHub上关注各种有趣的项目,同时致力于前端工程化,并且有大型SPA项目的架构及开发经验。他同时是一名业余文学爱好者,在工作之余写一些短篇小说。杨寒星,前端开发工程师。曾就职于爱奇艺、百度,目前在七牛云负责前端开发与架构设计。对编写优美的代码、构建影响深远的系统感兴趣;专注于现代前端工程化方案搭建及大规模SPA的架构设计,对基于React体系的前端开发有着丰富的实践经验。

目录

目 录

第1 章 现代前端开发 .................................................................. 1

1.1 ES6——新一代的JavaScript 标准 ........................................................ 1

1.1.1 语言特性 .................................................................................................. 2

1.1.2 使用Babel .............................................................................................. 10

1.1.3 小结 ........................................................................................................ 13

1.2 前端组件化方案 ................................................................................. 13

1.2.1 JavaScript 模块化方案 ............................................................................ 14

1.2.2 前端的模块化和组件化 .......................................................................... 16

1.2.3 小结 ........................................................................................................ 18

1.3 辅助工具 ............................................................................................ 19

1.3.1 包管理器(Package Manager) .............................................................. 19

1.3.2 任务流工具(Task Runner) .................................................................. 23

1.3.3 模块打包工具(Bundler)...................................................................... 26

第2 章 webpack ........................................................................28

2.1 webpack 的特点与优势 ....................................................................... 28

2.1.1 webpack 与RequireJS、browserify ......................................................... 29

2.1.2 模块规范 ................................................................................................ 30

2.1.3 非javascript 模块支持 ............................................................................ 31

2.1.4 构建产物 ................................................................................................ 32

2.1.5 使用 ........................................................................................................ 33

2.1.6 webpack 的特色 ...................................................................................... 35

2.1.7 小结 ........................................................................................................ 38

2.2 基于webpack 进行开发 ...................................................................... 38

2.2.1 安装 ........................................................................................................ 38

2.2.2 Hello world ............................................................................................. 39

2.2.3 使用loader .............................................................................................. 43

2.2.4 配置文件 ................................................................................................ 46

2.2.5 使用plugin ............................................................................................. 48

2.2.6 实时构建 ................................................................................................ 50

第3 章 初识React .....................................................................52

3.1 使用React 与传统前端开发的比较 .................................................... 54

3.1.1 传统做法 ................................................................................................ 54

3.1.2 全量更新 ................................................................................................ 56

3.1.3 使用React .............................................................................................. 57

3.1.4 小结 ........................................................................................................ 59

3.2 JSX ..................................................................................................... 59

3.2.1 来历 ........................................................................................................ 59

3.2.2 语法 ........................................................................................................ 60

3.2.3 编译JSX ................................................................................................. 63

3.2.4 小结 ........................................................................................................ 64

3.3 React webpack 开发环境 ................................................................... 64

3.3.1 安装配置Babel ....................................................................................... 64

3.3.2 安装配置ESLint ..................................................................................... 65

3.3.3 配置webpack .......................................................................................... 66

3.3.4 添加测试页面 ......................................................................................... 68

3.3.5 添加组件热加载(HMR)功能 .............................................................. 70

3.3.6 小结 ........................................................................................................ 71

3.4 组件 .................................................................................................... 72

3.4.1 props 属性 ............................................................................................... 73

3.4.2 state 状态 ................................................................................................ 76

3.4.3 组件生命周期 ......................................................................................... 78

3.4.4 组合组件 ................................................................................................ 80

3.4.5 无状态函数式组件 .................................................................................. 82

3.4.6 state 设计原则 ......................................................................................... 82

3.4.7 DOM 操作 .............................................................................................. 83

3.5 Virtual DOM ....................................................................................... 85

3.5.1 DOM ....................................................................................................... 85

3.5.2 虚拟元素 ................................................................................................ 86

3.5.3 比较差异 ................................................................................................ 88

第4 章 实践React .....................................................................91

4.1 开发项目 ............................................................................................ 91

4.1.1 将原型图分割成不同组件 ...................................................................... 92

4.1.2 创造每个静态组件 .................................................................................. 93

4.1.3 组合静态组件 ......................................................................................... 96

4.1.4 添加state 的结构 .................................................................................... 99

4.1.5 组件交互设计 ........................................................................................ 100

4.1.6 组合成为最终版本 ................................................................................. 102

4.1.7 小结 ....................................................................................................... 105

4.2 测试 .................................................................................................. 106

4.2.1 通用测试工具简介 ................................................................................. 106

4.2.2 React 测试工具及方法 ...........................................................

网友评论(不代表本站观点)

来自谁能被**的评论:

挺好的

2016-11-17 04:34:36
来自鹏程万**的评论:

不多说,好东西

2016-12-12 13:03:26
来自来自北**的评论:

不错 ,值得买

2016-12-17 11:42:25
来自匿名用**的评论:

看着挺不错的

2016-12-24 12:00:02
来自charchi**的评论:

此书极好。

2017-03-31 18:41:07
来自匿名用**的评论:

非常好非常好

2017-04-08 13:10:03
来自石***(**的评论:

还没看,希望提高技术

2017-05-22 13:14:31
来自匿名用**的评论:

希望能从中获益。

2017-05-26 11:59:44
来自c***6(**的评论:

是我想要的书,正好用上

2017-05-28 13:00:47
来自匿名用**的评论:

好薄啊,还没看,所以还不知道内容

2017-06-04 13:46:54
来自g***i(**的评论:

内容吧不错,正在看,希望有收获

2017-06-05 15:49:03
来自匿名用**的评论:

纸质太差了

2017-06-07 13:36:53
来自无昵称**的评论:

看完了,还可以吧

2017-06-09 08:49:47
来自无昵称**的评论:

看完了,还可以吧

2017-06-09 08:49:56
来自匿名用**的评论:

非常好的一本书,作者写得深入人心。当当正版书

2017-07-13 19:23:10
来自无昵称**的评论:

包装完好,速度快,很满意!

2017-11-02 22:01:45
来自匿名用**的评论:

书没有想象的那么厚,有点薄,也就200多页,讲的技术不深入~有点遗憾!

2017-03-06 09:32:41

免责声明

更多相关图书