Flux架构PDF|Epub|txt|kindle电子书版本网盘下载

Flux架构PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

1 Flux是什么1

Flux是一套模式1

数据入口1

状态管理2

保持同步更新3

信息架构4

Flux并不是一个框架4

Flux的设计思路问题解决方案5

数据流向5

可回溯性7

通知的一致性8

简捷的架构分层9

低耦合渲染9

Flux组件10

动作10

分发器11

存储器12

视图12

安装Flux软件包14

小结16

2 Flux的原则17

MV＊所面临的挑战17

关注点分离18

级联更新19

模型更新的职责20

单向数据21

从开始到结束22

无毒无害23

显式优于隐式23

暗藏隐患的更新24

集中修改状态的地方26

太多动作？26

分层优于嵌套27

多组件嵌套27

嵌套深度与副作用28

数据流和分层28

应用数据和界面状态29

两个相同的东西29

强耦合转换30

功能中心化31

小结31

3 搭建骨架架构32

总体组织32

目录结构33

依赖管理33

信息设计34

用户不需要了解模型34

存储器映射用户看到的内容35

和哪些东西协同工作36

在动作中注入存储器36

获取API数据36

改变API资源状态42

本地动作47

存储器和功能域50

梳理顶层功能50

无关紧要的API数据51

构造存储器数据53

模拟视图53

找寻失去的数据53

定位动作54

端到端场景56

动作清单56

存储器清单56

视图清单57

小结57

4 创建动作58

动作的名称和常量58

动作命名约定58

静态动作数据59

组织动作常量62

特性动作生成器63

什么时候需要模块化63

模块化架构64

模拟数据65

模拟已存在的接口65

模拟新接口66

替换动作生成器70

状态动作生成器71

整合其他系统72

web socket连接73

参数化动作生成器76

删除多余的动作76

保持动作的通用性77

创建衍生动作80

小结81

5 异步动作83

保持Flux同步83

为什么要同步83

压缩异步行为84

异步动作语义85

创建API调用87

API是常见的情况87

API调用和用户交互88

结合API调用92

复杂的动作生成器93

组合动作生成器96

返回promise97

不含promise的同步98

组织异步行为99

错误处理101

小结103

6 改变Flux存储器的状态105

适应不断变化的信息105

变化的API数据105

变化的功能106

受影响的组件107

减少重复的存储器数据107

通用存储器数据107

注册通用存储器108

结合通用和专用数据112

处理存储器的依赖关系116

等待存储器116

数据依赖118

UI依赖119

视图的更新顺序125

存储器的注册顺序125

视图渲染的优先级排序125

处理存储器复杂度126

存储器太多126

反思功能域126

小结127

7 视图信息128

传递视图数据128

change事件中的数据128

视图决定何时渲染132

保持视图无状态135

UI状态属于存储器135

不用查询DOM135

视图的职责136

渲染存储器数据136

子视图结构137

用户交互138

在Flux中使用ReactJS138

设置视图状态139

组成视图143

响应事件146

路由和动作149

小结154

8 信息的生命周期155

组件生命周期难题155

回收不再使用的资源156

隐藏依赖157

内存泄漏157

Flux结构是静态的158

单例模式158

与模型进行比较161

静态视图161

扩展信息165

如何很好地扩展165

最小化所需信息169

扩展的动作169

闲置的存储器170

删除存储器数据170

优化闲置的存储器173

保持存储器数据174

小结182

9 不可变的存储器183

放弃隐藏的更新183

如何破坏Flux架构184

获取存储器数据186

一切皆不可变187

强制执行单向数据流187

纵横交错的单向数据流188

过多的存储器？189

没有足够的动作189

强制不可变性190

不可变数据的成本195

垃圾回收是昂贵的196

批量转换196

抵消成本197

使用Immutable.js197

不可变列表和映射198

不可变的转换201

变化检测204

小结208

10 实现分发器209

抽象分发器接口209

存储器的注册地209

分发负载210

依赖关系的处理211

分发器所面临的挑战212

教育的目的212

单例模式的分发器212

手动注册存储器213

容易出错的依赖管理213

构建分发器模块214

封装存储器的引用214

处理依赖215

分发动作217

优化存储器的注册220

基础存储器类221

一个动作方法222

小结226

11 可替代的视图组件227

ReactJS是适合Flux的227

ReactJS是单向的227

重新渲染数据很简单229

短小精悍的代码229

ReactJS的缺点230

虚拟DOM和内存230

JSX和标记语言231

库锁定232

使用jQuery和Handlebars232

为什么是jQuery和Handlebars232

渲染模板233

组合视图236

事件处理238

使用VanillaJS244

对可选择性保持开放244

迁移到React244

新的技术热点245

小结245

12 使用Flux库247

实现核心Flux组件247

自定义分发器247

实现一个基本的存储器248

创建动作248

实现中遇到的痛点249

分发异步动作249

划分存储器249

使用Alt250

核心理念250

创建存储器251

声明动作生成器253

监听状态变化254

视图渲染以及分发动作255

使用Redux258

核心思想258

状态转换器和存储器259

Redux动作262

渲染组件和分发动作264

小结269

13 测试和性能270

你好，Jest270

测试动作生成器272

同步函数273

异步函数274

测试存储器277

测试存储器监听器277

测试初始状态280

性能目标283

用户感知的性能283

测量的性能284

性能需求284

分析工具285

异步动作285

存储器内存285

CPU占用286

基准测试工具286

代码的基准测试286

状态转换287

小结290

14 Flux和软件开发的生命周期291

Flux的开放性解释291

实现选项一：只是模式292

实现选项二：使用Flux库292

实现并使用自己的Flux292

开发方法论293

在Flux初期要考虑的事情293

成熟的Flux应用294

从Flux中获得的启示294

单向数据流295

信息设计为王295

打包Flux组件295

完整独立的Flux296

可安装的软件包296

可安装的Flux组件296

小结304