HTML5中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

HTML5中国 首页 资源下载 书籍推荐 查看内容

《React:引领未来的用户界面开发框架》

2015-6-2 14:52| 发布者: html5cn| 查看: 4236| 评论: 0|来自: 电子工业出版社

摘要: 《React:引领未来的用户界面开发框架》是这一领域的首作,由多位一线专家精心撰写,采用一个全程实例全面介绍和剖析了ReactReact.js 的方方面面,适合广大前端开发者、设计人员,及所有对未来技术趋势感兴趣者阅读 ...

React:引领未来的用户界面开发框架(全球仅此一本 Facebook前端专家作序 震撼前端世界有望大一统的技术趋势 国内一线前端联合推荐

【不详】League of Extraordinary Developers(卓越开发者联盟) 著  

寸志 范洪春 杨森 陈涌 译

ISBN 978-7-121-25936-4

20155月出版

定价:65.00

224

16

编辑推荐

l  身出名门,Fackbook开源巨献,一经推出,瞬间亮瞎全球攻城狮

l  无论传统网站还是移动开发,尤其跨终端Web,一步跟不上React,就会被远远抛开

l  BAT为首的一线国内互联网企业均以快速跟进研发、实践React,下一次求职你就一定会被面到

l  React极有可能让撕B不止的前端社区迎来和平和宁静,无任何毒副作用、强大的多平台扩展……React新纪元来了

内容提要

2014 年横空出世的由Facebook 推出的开源框架React.js,基于Virtual DOM 重新定义了用户界面的开发方式,彻底革新了大家对前端框架的认识,将PHP 风格的开发方式迁移到客户端应用开发。其优势在于可以与各种类库、框架搭配使用。《React:引领未来的用户界面开发框架》是这一领域的首作,由多位一线专家精心撰写,采用一个全程实例全面介绍和剖析了ReactReact.js 的方方面面,适合广大前端开发者、设计人员,及所有对未来技术趋势感兴趣者阅读。

目录

推荐序1 . . . . . . . iii

推荐序2 . . . . . . . v

推荐序3 . . . . . . . vii

前言. . . . . . . . . . . ix

1 React 简介. . . . . . . . . . . . . . . . . . . . . . . 1

背景介绍1

本书概览3

Component 的创建和复合3

进阶4

React 工具5

React 实践5

2 JSX . . . . 6

什么是JSX 7

使用JSX 的好处7

更加熟悉7

更加语义化8

更加直观8

抽象化9

关注点分离9

复合组件10

定义一个自定义组件10

使用动态值11

子节点12

JSX HTML 有何不同13

属性13

条件判断14

DOM 属性15

事件17

注释18

特殊属性19

样式19

没有JSX React 19

创建React 元素20

简写21

延伸阅读及参考引用21

JSX 官方规范22

3 章组件的生命周期. . . . . . . . . . . . . . . . . 23

生命周期方法23

实例化23

存在期24

销毁& 清理期24

实例化24

getDefaultProps 24

getInitialState 25

componentWillMount 25

render 25

componentDidMount 25

存在期26

componentWillReceiveProps 26

shouldComponentUpdate 27

componentWillUpdate 28

componentDidUpdate 28

销毁& 清理期28

componentWillUnmount 28

反模式:把计算后的值赋给state 28

总结30

4 章数据流. 31

Props 31

PropTypes 33

getDefaultProps 33

State 34

放在state props 的各是哪些部分35

总结35

5 章事件处理. . . . . . . . . . . . . . . . . . . . . . . . 36

绑定事件处理器36

事件和状态37

根据状态进行渲染38

更新状态40

事件对象42

总结43

6 章组件的复合. . . . . . . . . . . . . . . . . . . . . . 44

扩展HTML 44

组件复合的例子45

组装HTML 45

追踪状态47

整合到父组件当中48

父组件、子组件关系50

总结52

7 mixin . . 53

什么是mixin 53

总结56

8 DOM 操作. . . . . . . . . . . . . . . . . . . . . . . 57

访问受控的DOM 节点57

整合非React 类库59

侵入式插件61

总结63

9 章表单. . . 64

无约束的组件65

约束组件66

表单事件68

Label 68

文本框和Select 69

复选框和单选框71

表单元素的name 属性73

多个表单元素与change 处理器75

自定义表单组件79

Focus 83

可用性83

把要求传达清楚83

不断地反馈84

迅速响应84

符合用户的预期84

可访问85

减少用户的输入85

总结86

10 章动画. . 87

CSS 渐变组87

给渐变class 添加样式88

渐变生命周期89

使用渐变组的隐患89

间隔渲染89

使用requestAnimationFrame 实现间隔渲染90

使用setTimeout 实现间隔渲染91

总结92

11 章性能优化. . . . . . . . . . . . . . . . . . . . . . . 93

shouldComponentUpdate 93

不可变性辅助插件95

深入调查拖慢你应用的部分96

键(key 97

总结98

12 章服务端渲染. . . . . . . . . . . . . . . . . . . . . 99

渲染函数100

React.renderToString 100

React.renderToStaticMarkup 100

React.renderToString 还是用React.renderToStaticMarkup 101

服务端组件生命周期102

设计组件102

异步状态104

同构路由106

单例、实例及上下文107

总结107

13 章周边类库. . . . . . . . . . . . . . . . . . . . . . . 108

Jest 108

设置109

自动模拟依赖109

手动模拟依赖111

Immutable.js 113

Flux 114

总结115

14 章开发工具. . . . . . . . . . . . . . . . . . . . . . . 116

构建工具116

Browserify 117

建立一个Browserify 项目117

对代码做出修改118

Watchify 119

构建119

Webpack 119

Webpack React 120

调试工具122

基础工具123

总结124

15 章测试. . 125

上手125

测试的类型126

工具126

第一个测试用例:render 测试127

模拟组件132

函数监视138

监视函数被调用141

模拟事件146

测试中的组件查找器149

mixin 测试152

直接测试mixin 153

mixin 包含在虚拟组件中进行测试156

共享行为的用例159

渲染到<body> 164

服务端测试168

浏览器自动化测试174

启动服务器179

总结180

16 章架构模式. . . . . . . . . . . . . . . . . . . . . . . 181

路由182

Backbone.Router 182

Aviator 183

react-router 185

Om (ClojureScript) 186

Flux 187

数据流187

Flux 各个部分188

Dispatcher 188

Action 189

Store 190

控制视图191

管理多个Store 192

更新Dispatcher 192

注册依赖行为193

总结194

17 章其他使用场景. . . . . . . . . . . . . . . . . . 195

桌面应用195

游戏197

电子邮件202

绘图208

总结210

作者简介

本书由一个团队编写而成,这个团队的成员都是一些经验丰富且专注于JavaScript 的开发者。

Tom Hallett 是一位高级Ruby JavaScript 工程师,在Tout.com 工作(Tout.com 是一个实时视频平台,办公地点在旧金山)。他是jasmine-react 的作者,jasmine-react 是一个开源的类库,旨在帮助开发者使用测试框架Jasmine 测试React 应用程序。在Twitter@tommyhallett)和Github@tommyh)上都可以找到他。他的爱好是打水球,以及与妻子和儿子待在一起。

Richard Feldman 是旧金山教育科技公司NoRedInk 的前端工程师。他是一个函数式编程爱好者,会议发言人,还是seamlessimmutable的作者。seamless-immutable

2

鲜花
1

握手

雷人

路过

鸡蛋

刚表态过的朋友 (3 人)

相关阅读

最新评论

HTML5中国微信

小黑屋|关于我们|HTML5论坛|友情链接|手机版|HTML5中国 ( 京ICP备11006447号 京公网安备:11010802018489号  

GMT+8, 2017-2-22 12:32

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.