React全栈 Redux Flux webpack Babel整合开发 PDF_前端开发教程

资源名称:React全栈  Redux Flux webpack Babel整合开发 PDF

 

内容简介:

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

《React全栈:Redux+Flux+webpack+Babel整合开发》适合有一定前端开发尤其是 Javascript 基础的读者阅读,如果您还没有接触过前端开发这个领域,请先阅读前端开发的入门书籍。

 

作者简介:

张轩,前端开发工程师。曾经在百度、携程就职,目前在苹果公司担任前端开发工程师。拥有丰富的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 测试工具及方法 108

4.2.3 配置测试环境 109

4.2.4 Shallow Render 110

4.2.5 DOM Rendering 114

4.2.6 小结 116

第 5 章 Flux 架构及其实现 117

5.1 Flux 117

5.1.1 单向数据流 118

5.1.2 项目结构 119

5.1.3 Dispatcher 和 action 119

5.1.4 store 和 Dispatcher 122

5.1.5 store 和 view 124

5.1.6 Flux 的优缺点 126

5.1.7 Flux 的实现 126

5.2 Redux 126

5.2.1 动机 127

5.2.2 三大定律 127

5.2.3 组成 129

5.2.4 数据流 136

5.2.5 使用 middleware 137

第 6 章 使用 Redux 142

6.1 在 React 项目中使用 Redux 142

6.1.1 如何在 React 项目中使用 Redux 142

6.1.2 react-redux 147

6.1.3 组件组织 152

6.1.4 开发工具 155

6.2 使用 Redux 重构 Deskmark 157

6.2.1 概要 157

6.2.2 创建与触发 action 158

6.2.3 使用 middleware 159

6.2.4 实现 reducer 163

6.2.5 创建与连接 store 165

第 7 章 React+Redux 进阶 168

7.1 常见误解 168

7.1.1 React 的角色 169

7.1.2 JSX 的角色 169

7.1.3 React 的性能 170

7.1.4 “短路”式性能优化 171

7.1.5 无状态函数式组件的性能 172

7.2 反模式 173

7.2.1 基于 props 得到初始 state 173

7.2.2 使用 refs 获取子组件 176

7.2.3 冗余事实 178

7.2.4 组件的隐式数据源 180

7.2.5 不被预期的副作用 182

7.3 性能优化 183

7.3.1 优化原则 183

7.3.2 性能分析 184

7.3.3 生产环境版本 187

7.3.4 避免不必要的 render 188

7.3.5 合理拆分组件 199

7.3.6 合理使用组件内部 state 200

7.3.7 小结 203

7.4 社区产物 203

7.4.1 Flux 及其实现 203

7.4.2 Flux Standard Action 204

7.4.3 Ducks 206

7.4.4 GraphQL/Relay 与 Falcor 207

7.4.5 副作用的处理 209

 

资源截图:

1.png

最有IT资源网是一家专门做网站源码的网站,网站提供网站源码、网站模板、网页特效的下载,以“共享创造价值”为理念,致力于打造一个优秀的互联网资源网。
源码教程搜藏网_专注精品网站源码下载视频资源的网站_免费商业源码视频资源分享 » React全栈 Redux Flux webpack Babel整合开发 PDF_前端开发教程
关于售后:
(1)、因部分资料含有敏感关键词,百度网盘无法分享链接,请联系客服进行发送;
(2)、所有资料在您未收到之前,都可以联系QQ:1091490218 !
(3)、仅支持原渠道退回,学分退回学分余额,微信支付、支付宝退回至您当初选择的付款方式!
(4)、不用担心不给资料,如果没有及时回复也不用担心,看到了都会发给您的!放心!

发表评论

售后服务:

  • 售后服务范围 1、商业模板使用范围内问题免费咨询
    2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限SVIP用户
    3、单价超过200元的模板免费一次安装,需提供服务器信息。
    付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
    2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
    3、服务器环境配置(一般 ¥50-300)
    4、网站中毒处理(需额外付费,500元/次/质保三个月)
    售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
    免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: 1091490218@qq.com),我们会及时删除,给您带来的不便,我们深表歉意!

Hi, 如果你对这款模板有疑问,可以跟我联系哦!

联系作者
享更多特权,请先注册登录
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡