5分
React全栈-Redux+Flux+Webpack+Babel整合开发
- ISBN:9787121298998
- 装帧:暂无
- 册数:暂无
- 重量:暂无
- 开本:32开
- 页数:228
- 出版时间:2016-10-01
- 条形码:9787121298998 ; 978-7-121-29899-8
本书特色
本书从现代前端开发的标准、趋势和常用工具入手,由此引出了优秀的构建工具webpack 和JavaScript库React,之后用一系列的实例来阐述两者的特色、概念和基本使用方法。随着应用复杂度的增加,进而介绍了Flux 和Redux 两种架构思想,并且使用Redux 对现有程序进行改造,*后介绍了在开发过程中出现的反模式和性能优化方法。
内容简介
√ React带来Virtual DOM,填平PC与移动鸿沟,前端从此迈向全端。
√ Modern F2E时代开启,ES2015 Redux Flux webpack Babel技术栈来袭。
√ 全栈明星非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目 录
第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 测试工具及方法 ...........................................................信息
作者简介
张轩,前端开发工程师。曾经在百度、携程就职,目前在苹果公司担任前端开发工程师。拥有丰富的Web开发经验,喜欢追寻新技术,在GitHub上关注各种有趣的项目,同时致力于前端工程化,并且有大型SPA项目的架构及开发经验。他同时是一名业余文学爱好者,在工作之余写一些短篇小说。杨寒星,前端开发工程师。曾就职于爱奇艺、百度,目前在七牛云负责前端开发与架构设计。对编写优美的代码、构建影响深远的系统感兴趣;专注于现代前端工程化方案搭建及大规模SPA的架构设计,对基于React体系的前端开发有着丰富的实践经验。
-
全图解零基础word excel ppt 应用教程
¥15.6¥48.0 -
有限与无限的游戏:一个哲学家眼中的竞技世界
¥37.4¥68.0 -
硅谷之火-人与计算机的未来
¥12.7¥39.8 -
机器学习
¥59.4¥108.0 -
深度学习的数学
¥43.5¥69.0 -
智能硬件项目教程:基于ARDUINO(第2版)
¥37.7¥65.0 -
情感计算
¥66.8¥89.0 -
元启发式算法与背包问题研究
¥38.2¥49.0 -
LINUX企业运维实战(REDIS+ZABBIX+NGINX+PROMETHEUS+GRAFANA+LNMP)
¥48.3¥69.0 -
AI虚拟数字人:商业模式+形象创建+视频直播+案例应用
¥62.9¥89.8 -
LINUX实战——从入门到精通
¥48.3¥69.0 -
UNIX环境高级编程(第3版)
¥164.9¥229.0 -
剪映AI
¥52.8¥88.0 -
数据驱动的工业人工智能:建模方法与应用
¥68.3¥99.0 -
深度学习高手笔记 卷2:经典应用
¥90.9¥129.8 -
纹样之美:中国传统经典纹样速查手册
¥76.3¥109.0 -
UG NX 12.0数控编程
¥24.8¥45.0 -
MATLAB计算机视觉与深度学习实战(第2版)
¥90.9¥128.0 -
UN NX 12.0多轴数控编程案例教程
¥24.3¥38.0 -
微机组装与系统维护技术教程(第二版)
¥37.8¥43.0