React进阶之路

1星价 ¥48.3 (7.0折)

2星价￥48.3 定价￥69.0

作者：编者:徐超

出版社：清华大学出版社

本类榜单：计算机/网络

分类：计算机/网络 > 程序设计 > 其他

暂无评论

图文详情

ISBN：9787302498018
装帧：一般纯质纸
册数：暂无
重量：暂无
开本：16开
页数：242
出版时间：2018-04-01
条形码：9787302498018 ; 978-7-302-49801-8

本书特色

《React进阶之路》详细介绍了React技术栈涉及的主要技术。本书分为基础篇、进阶篇和实战篇三部分。基础篇主要介绍React的基本用法，包括React 16的新特性；进阶篇深入讲解组件state、虚拟DOM、高阶组件等React中的重要概念，同时对初学者容易困惑的知识点做了介绍；实战篇介绍React Router、Redux和MobX 3个React技术栈的重要成员，并通过实战项目讲解这些技术如何和React结合使用。《React进阶之路》示例丰富、注重实战，适用于从零开始学习React的初学者，或者已经有一些React使用经验，但希望更加全面、深入理解React技术栈的开发人员。阅读本书，需要先掌握基础的前端开发知识。

内容简介

《React进阶之路》的特点是内容全、知识新、实战性强。内容全：本书不仅详细介绍了React的使用，还详细介绍了React技术栈中*常用的其他相关技术：React Router、Redux和MobX。知识新：本书介绍的知识点都是基于各个框架、类库当前的*版本，尤其是涵盖React 16 的新特性和React Router 4的介绍。对于新版本已经不再支持或建议废弃的特性，本书不会再介绍，确保读者所学知识的时效性。实战性强：《React进阶之路》配有大量示例代码，保证读者学以致用。实战篇使用的简易BBS项目示例接近真实项目场景，但又有所简化，让读者既可以真正理解和领会相关技术在真实项目中的使用方式，又不会因为示例项目过于复杂而影响学习。

目录第1篇基础篇——React，一种革命性的UI开发理念第1章初识React 3 1.1 React简介 3 1.2 ES 6语法简介 4 1.3 开发环境及工具介绍 9 1.3.1 基础环境 9 1.3.2 辅助工具 9 1.3.3 Create React App 10 1.4 本章小结 12 第2章 React基础 13 2.1 JSX 13 2.1.1 JSX简介 13 2.1.2 JSX语法 14 2.1.3 JSX不是必需的 16 2.2 组件 17 2.2.1 组件定义 17 2.2.2 组件的props 18 2.2.3 组件的state 21 2.2.4 有状态组件和无状态组件 23 2.2.5 属性校验和默认属性 26 2.2.6 组件样式 28 2.2.7 组件和元素 32 2.3 组件的生命周期 34 2.3.1 挂载阶段 34 2.3.2 更新阶段 35 2.3.3 卸载阶段 36 2.4 列表和Keys 36 2.5 事件处理 39 2.6 表单 43 2.6.1 受控组件 44 2.6.2 非受控组件 51 2.7 本章小结 52 第3章 React 16新特性 53 3.1 render新的返回类型 53 3.2 错误处理 54 3.3 Portals 56 3.4 自定义DOM属性 57 3.5 本章小结 58 第2篇进阶篇——用好React，你必须要知道的那些事第4章深入理解组件 60 4.1 组件state 60 4.1.1 设计合适的state 60 4.1.2 正确修改state 63 4.1.3 state与不可变对象 64 4.2 组件与服务器通信 66 4.2.1 组件挂载阶段通信 66 4.2.2 组件更新阶段通信 67 4.3 组件通信 68 4.3.1 父子组件通信 68 4.3.2 兄弟组件通信 71 4.3.3 Context 75 4.3.4 延伸 78 4.4 特殊的ref 79 4.4.1 在DOM元素上使用ref 79 4.4.2 在组件上使用ref 79 4.4.3 父组件访问子组件的DOM节点 81 4.5 本章小结 82 第5章虚拟DOM和性能优化 83 5.1 虚拟DOM 83 5.2 Diff算法 84 5.3 性能优化 87 5.4 性能检测工具 90 5.5 本章小结 91 第6章高阶组件 92 6.1 基本概念 92 6.2 使用场景 93 6.3 参数传递 96 6.4 继承方式实现高阶组件 99 6.5 注意事项 99 6.6 本章小结 101 第3篇实战篇——在大型Web应用中使用React 第7章路由：用React Router开发单页面应用 103 7.1 基本用法 103 7.1.1 单页面应用和前端路由 103 7.1.2 React Router 的安装 104 7.1.3 路由器 104 7.1.4 路由配置 105 7.1.5 链接 107 7.2 项目实战 108 7.2.1 后台服务API介绍 108 7.2.2 路由设计 111 7.2.3 登录页 113 7.2.4 帖子列表页 117 7.2.5 帖子详情页 125 7.3 代码分片 133 7.4 本章小结 138 第8章 Redux：可预测的状态管理机 139 8.1 简介 139 8.1.1 基本概念 139 8.1.2 三大原则 141 8.2 主要组成 141 8.2.1 action 141 8.2.2 reducer 142 8.2.3 store 146 8.3 在React中使用Redux 148 8.3.1 安装react-redux 148 8.3.2 展示组件和容器组件 148 8.3.3 connect 149 8.3.4 mapStateToProps 150 8.3.5 mapDispatchToProps 150 8.3.6 Provider 组件 151 8.4 中间件与异步操作 152 8.4.1 中间件 152 8.4.2 异步操作 154 8.5 本章小结 155 第9章 Redux项目实战 156 9.1 组织项目结构 156 9.2 设计state 161 9.2.1 错误1：以API作为设计state的依据 161 9.2.2 错误2：以页面UI为设计state的依据 164 9.2.3 合理设计state 165 9.3 设计模块 170 9.3.1 app模块 170 9.3.2 auth模块 171 9.3.3 posts模块 173 9.3.4 comments模块 177 9.3.5 users模块 179 9.3.6 ui模块 180 9.6.7 index模块 181 9.4 连接Redux 182 9.4.1 注入state 182 9.4.2 注入action creators 184 9.4.3 connect连接PostList和Redux 185 9.5 Redux调试工具 187 9.6 性能优化 188 9.6.1 React Router引起的组件重复渲染问题 188 9.6.2 Immutable.JS 193 9.6.3 Reselect 198 9.7 本章小结 199 第10章 MobX：简单可扩展的状态管理解决方案 200 10.1 简介 200 10.2 主要组成 204 10.2.1 state 204 10.2.2 computed value 211 10.2.3 reaction 212 10.2.4 action 215 10.3 MobX响应的常见误区 216 10.4 在React中使用MobX 220 10.5 本章小结 221 第11章 MobX项目实战 222 11.1 组织项目结构 222 11.2 设计store 223 11.3 视图层重构 234 11.4 MobX调试工具 236 11.5 优化建议 238 11.6 Redux与MobX比较 241 11.7 本章小结 242

展开全部

相关资料

推荐序小时候，老师问大家长大的理想是什么。我记得曾自豪地说——工程师。后来，真的走进了计算机领域，成为一名软件工程师。在学校里学的都是基础课，记忆犹新的有计算机原理、操作系统、编译原理、数据结构和算法等，感觉是终身受益，就像练武功，都要练好弓、马、仆、虚、歇5种基本步型一样。那时并没有前端的说法。人机界面开始主要以程序员使用为主，通过黑洞洞的Terminal来编程，程序员还乐此不疲。后来出现了*波突破——各种图形界面，PC变得亲民。而以iPhone带领的移动终端的第二波革新让用户能够通过触摸、视觉和声音真正自然地与设备交互。将来必然拥有超越触摸、视觉和声音识别的技术，属于传感器和物联网的时代。这种技术使用传感器和人工智能识别身体运动、温度变化和其他环境要素，并据此做出回应，使得设备看起来可以读懂内心的想法一样。在不久的将来，一个传感器阵列能够提供高度的情境感知，并且协同工作，收集和处理关于周边环境的信息，通过人工智能预测需求并做出完全个性化的安排。前端工程师的使命也随着人机交互的显著进步而不断拓展。时光回到刚工作时的2000年，正值互联网的发展初期，作为一名软件工程师，解决问题就是关键，对于前后端编程都需要熟悉。当时，前端编程的核心技能有HTML、CSS、JavaScript，对于习惯逻辑思维的工程师，学起来并不算难。随着互联网的发展，特别是2010年后，移动设备成为主流，前端工程师角色被行业认可，并且越来越重要，涵盖多终端的视觉和交互的实现，面对的是软件工程的一个持久的挑战——人机交互。首先，人机交互是软件产品里变化*频繁的部分，同时是非常关键的一环。其次，兼容各种浏览器、Web的标准，以及适配多种终端，都是很大的挑战。另外，前端领域的技术发展也越来越快，各种新的思想、设计模式、工具和平台不断出现，怎样快速学习、在不同场景下做出恰当的选择是成为一位优秀前端工程师**的素质。许多人机交互问题有非常巧妙的思路和精彩的解决办法。不得不说，前端工程师在工程师群体里属于非常有创造力、想象力的一群人。前端领域各种新技术、新思想不断涌现，AngularJS、React、Vue.js、Node.js、ES 6、ES 7、CoffeeScript、TypeScript，令人眼花缭乱。对于许多开发者，估计还没学明白一样技术，就发现其已被另一些新的技术取代而“过时”了。但是，如果退一步来看，前端的基本功仍然是HTML、CSS、JavaScript，还有算法、数据结构、编译原理。这一点，有点像《笑傲江湖》里，令狐冲一旦领悟了独孤九剑，永远能够无招胜有招。除了具备扎实的基本功之外，一个优秀的前端工程师必须要有自己擅长的领域，并且钻研得足够深入，只有花时间学习成体系的知识才能从中总结出规律并形成方法论，从而*化学习的价值。同时要有广泛的视野，不能局限于前端本身，因为有很多东西只有站在前端之外才能看得更清晰、更透彻。例如，React集成了许多后端的优秀理念，包括采用声明范式轻松描述应用、通过抽象DOM来达到高效的编程。围绕React还出现了许多工具和框架，形成了React生态。React逐渐从*早的UI引擎变成了前后通吃的Web App解决方案，衍生出来的React Native又实现了用Web App的方式去写Native App。这样，同一组人写一次UI就能运行在浏览器、移动终端和服务器上。作为智能物联网先锋的远景智能，一直崇尚工程师文化和工匠精神，非常强调基本功、专业深度以及跨界创新。前端团队徐超写的《React进阶之路》，内容由浅入深，再结合实战，很像我读大一时的Java 101课程的教材，对于需要学习React的读者是一部非常好的参考书。读这本书，*好的方法是领悟其精髓，掌握软件设计之路，灵活使用以解决问题。工程师不能因为太细的学科限制了自己的思维，也不能像大公司一个工作一个螺丝钉，在很窄的领域里重复劳动。工程师天生是发现问题、解决问题、优化问题的。达•芬奇、特斯拉之所以是完美的工程师，因为他们会掌握各种学科，融合并创新，在解决问题的同时开创先河。未来的信息化世界就是要不断地聪明学习，融合各种学科，通过实践解决问题，奇思妙想地创造技术的进步。计算机的不同语言、不同技术和算法就好比一堆便宜或者昂贵的工具（如锥子和刨子），其实这些都不重要，因为大家都忽略了，做出漂亮器具的是那个工匠，而不是工具。脑子里的经验积累、天赋、执着与认真的态度、不停尝试、追求完美的态度，加起来才能创造好的作品与产品。计算机语言就像赛车场上的跑车，换了车队和跑车，舒马赫还是F1车神，观众还是会为其欢呼雀跃，正因为车神掌握了与跑车和赛道的沟通之道！

远景智能技术副总裁、前阿里巴巴集团淘宝CTO余海峰