| 作者 |
| 王金柱 |
| 丛书名 |
| Web前端技术丛书 |
| 出版社 |
| 清华大学出版社 |
| ISBN |
| 9787302545439 |
| 简要 |
| 简介 |
| 内容简介书籍计算机书籍 本书是一本从实战出发,学习React.js 16框架及其相关技术栈的入门与实践书籍。全书内容翔实、重点突出、代码丰富、通俗易懂,涵盖了React.js 16框架开发的方方面面。 全书共分为16章,包括React基础开发、React JSX、组件Components、Props参数、State状态和生命周期、事件处理、条件渲染、列表、表单、组合与继承、状态提升、Refs、Router路由与Redux扩展等相关知识内容。另外,为了突出本书项目实战的特性,有针对性地基于React框架及其技术栈讲解了5个实际项目应用,可以帮助读者深入掌握React的开发技巧。 本书用于学习React.js 16编程,全书内容简洁、代码精练、重点突出、实例丰富,能够帮助初学者快速掌握React开发方法。同时,对于前端开发人员提高服务器端脚本语言的开发技术水平有非常大的帮助。 |
| 目录 |
第1章 React简介 1 1.1 React概述 1 1.2 React优势 1 1.3 第一个React应用 2 1.4 React脚手架 5 1.4.1 关于React脚手架 5 1.4.2 Node.js与npm 6 1.4.3 Webpack模块打包器 7 1.4.4 ES6和Babel 7 1.4.5 使用create-react-app脚手架开发第一个应用 8 1.4.6 React项目架构 9 1.5 React虚拟DOM 10 1.6 JSX简单入门 14 1.7 React渲染机制 16 第2章 React JSX 19 2.1 JSX介绍 19 2.2 JSX独立文件 19 2.3 JSX算术表达式 21 2.4 JSX条件表达式 23 2.5 JSX嵌入表达式 24 2.6 JSX对象表达式 26 2.7 JSX函数表达式 28 2.8 JSX增强函数表达式 29 2.9 JSX数组表达式 32 2.10 JSX样式表达式 33 2.11 JSX注释表达式 35 第3章 React组件与Props 37 3.1 React组件介绍 37 3.2 React函数组件 38 3.3 React类组件 39 3.4 React组合组件 42 3.5 React Props介绍 45 3.6 React Props应用 47 3.7 React Props只读性 49 3.8 React Props默认值 52 3.9 React组件切分与提取 54 第4章 React State与生命周期 63 4.1 React State介绍 63 4.2 关于定时器时钟的思考 65 4.3 开始封装时钟UI 66 4.4 实现时钟UI的自动更新 68 4.5 自我更新的时钟UI类 69 4.6 在时钟组件类中引入State状态 72 4.7 React生命周期介绍 76 4.8 在时钟组件类中使用生命周期 77 4.9 正确的使用State状态 79 4.10 自顶向下的数据流 84 第5章 React事件处理 92 5.1 React事件介绍 92 5.2 React单击事件 94 5.3 React阻止事件默认行为 97 5.4 React类的事件处理方法 99 5.5 绑定回调方法的其他方式 101 5.6 在事件处理方法中传递参数 105 5.7 实战:开关按钮 109 5.8 React文本框事件 113 5.9 实战:水温监控控件 117 第6章 React条件渲染 122 6.1 React条件渲染介绍 122 6.2 元素变量的条件渲染 125 6.3 逻辑与”运算符的条件渲染 133 6.4 逻辑或”运算符的条件渲染 135 6.5 三元逻辑表达式的条件渲染 137 6.6 实战:改进登录组件 139 6.7 阻止组件渲染 142 第7章 React列表与Key 145 7.1 React列表介绍 145 7.2 基础列表组件 147 7.3 多级列表组件 149 7.4 React Key介绍 152 7.5 React Key使用 155 7.6 React通过Key提取组件 157 7.7 React Key局部唯一性 162 7.8 React Key有效性 164 第8章 React表单 168 8.1 React表单介绍 168 8.2 表单受控组件 171 8.3 强制转换大写字母 177 8.4 校验手机号码格式 181 8.5 格式化序列号 187 8.6 文本域关键字 190 8.7 下拉列表受控组件 194 8.8 处理多个输入 197 8.9 React表单提交操作 200 8.10 React表单提交服务器 205 8.11 受控组件与非受控组件 210 第9章 组合与继承 215 9.1 组合与继承概述 215 9.2 定义组件容器 215 9.3 定义子组件 216 9.4 自定义Props属性 221 9.5 特例关系组合 223 9.6 类组合方式确认框 225 第10章 状态提升 229 10.1 设计构想 229 10.2 实现水温监控功能 230 10.3 加入第二个水温输入框 233 10.4 同步二个水温输入框 237 10.5 将水温状态共享” 240 10.6 将水温状态提升” 244 10.7 实现水温同步换算 249 第11章 React扩展 255 11.1 Node.js与React 255 11.2 Babel与React 256 11.3 Webpack模块打包器 257 11.4 Node Babel Webpack搭建React环境 261 11.5 Browserify模块打包器 268 11.6 React Router与单页面应用 271 11.7 Redux与React 273 第12章 实战1:基于React Redux 实现计数器应用 279 12.1 设计思想 279 12.2 计数器应用页面 280 12.3 主入口模块 281 12.4 视图模块 282 12.5 Action定义 285 12.6 Reducer设计 285 12.7 计数器应用测试 286 第13章 实战2:基于React Redux 实现计算器应用 289 13.1 设计思想 289 13.2 计算器应用页面 290 13.3 主入口模块 291 13.4 视图模块 292 13.5 Action定义 296 13.6 Reducer设计 297 13.7 计算器应用测试 299 第14章 实战3:基于Provider容器组件重构计算器应用 301 14.1 设计思想 301 14.2 主入口模块 303 14.3 App组件 303 14.4 视图模块 305 14.5 Action定义 309 14.6 Reducer设计 309 14.7 重构的计算器应用测试 312 第15章 实战4:基于Redux 实现任务管理器应用 313 15.1 设计思想 313 15.2 任务管理器应用页面 314 15.3 主入口模块 315 15.4 App组件 315 15.5 AddTodo组件 316 15.6 VisibleTodoList组件 317 15.7 Footer组件 320 15.8 Action定义 322 15.9 Reducer设计 323 15.10 任务管理器应用测试 325 第16章 实战5:基于React Router Redux 的网站架构 328 16.1 设计思想 328 16.2 网站架构应用页面 329 16.3 主入口模块 330 16.4 App组件 330 16.5 Reducer设计 332 16.6 视图组件 335 16.7 Action定义 338 16.8 网站架构应用测试 339 |