React前端技术与工程实践 - (EPUB全文下载)

文件大小：0.29 mb。
文件格式：epub 格式。
书籍内容：

React前端技术与工程实践
第一篇 原汁原味的React
第二篇 React开发相关工具链
第三篇 React进阶
第四篇 React相关资源
第一篇 原汁原味的React
我们常看到的React介绍已经被JSX、AMD、ES 2015等繁华的技术所遮掩，其实React的核心是简单和简洁的。本篇力图揭开蒙在React表面的面纱，用最朴素的方式、最原生的API展现React的基本脉络，便于读者从本质特征上理解React的基本思想和方法，而这也往往是我们在实际开发中减少出错、排查问题的利器。
1 React简介
1.1 前端技术发展及趋势
我们正处于一个Web前端技术变革的时代。早期嵌入在浏览器中的JavaScript只是小众语言，性能也不好。但从AJAX技术出现以后，基于JavaScript的前端技术得到了前所未有的重视。而后jQuery、Prototype、Dojo、ExtJS等前端组件框架陆续出现，到Google公司专门为JavaScript研发的V 8引擎更使得JavaScript插上了腾飞的翅膀，前端生长日趋繁荣。
近年来移动应用的蓬勃发展，移动端的生长势头变得更加强盛。移动应用的出现给前端带来了许多新的挑战，如多终端适配问题、多分辨率适配问题、远程调试问题等，针对这些问题出现了各种解决方案，推动了Web技术的发展，Web前端出现了百花齐放的态势，Web开发出现了新的变革。语言层面，出现了CoffeeScript、TypeScript等语言，对原来的JavaScript进行了语法增强，JavaScript语言本身也出现了新的标准，如ES 2015（也称ES 6）等。Twitter公司推出的Bootstrap试图从样式层面入手解决终端适配问题，出现了LESS、SASS和Stylus等预处理语言；在JavaScript模块管理方面，出现了AMD、CMD、KMD等多个模块管理规范，也衍生了SeaJS、RequireJS等模块化管理工具。包管理工具，经历了components、bower、spm后，npm开始占据主导地位。在规范和标准上也有不少产出，Web Components的出现给前端开发开辟了新思路；在JS调试方面，各浏览器提供了种类繁多、功能丰富的调试工具和方案；在自动化测试方面，PhantomJS在自动化测试上逐渐取代了Selenium，而WebDriver规范的出现进一步推动了自动化测试的进程；在构建工具上先后出现了grunt、browserify、gulp、webpack、jspm等，目前webpack逐渐成为了主流。
在前端框架方面，目前也出现了众多框架，其中的佼佼者 React和AngularJS均出自名门公司，具有非凡的影响力和号召力。尤其是React，它定位于前端组件化、高性能和跨平台，它提出的基于虚拟DOM的理念一出现就获得了广泛的关注和认可，也被AngularJS等其他前端框架所引入。
本书着眼于React技术，同时也对与React相关的JS工程化技术进行探讨。其目的是让读者从繁花缀眼的技术丛林中，找到一条平坦的探索之路并可直接用于实战。读者能从本书中获得最大的价值。
1.2 React简介
React起源于Facebook的内部项目，该公司积极尝试引入HTML 5技术用来架设Instagram网站，过程中发现，对于复杂前端HTML 5性能下降明显，达不到预期效果。在经过对市场上所有JavaScript MVC框架调研后，都找不到能满足自己需求的产品，于是决定自己开发一套。2013年5月开发完成后就发布到开源平台上，一发布就引起了广泛的关注和认可。
React的设计思想极其独特，是对前端技术的一大革命性创新，其性能优秀、代码逻辑简单、适用面广且能用于移动APP开发，受到越来越多的人的关注和使用，普通认为它代表了未来Web开发的主流方向。同时，React关键性的虚拟DOM思想也陆续被其他框架引入，如AngularJS2，这也进一步证明React理念的优秀和先进性。比如GitHub最新的源码编辑器Atom就是用React构建的；雅虎邮箱也正在使用React重构，等等。
ReactJS官网地址：https://facebook.github.io/react/。
GitHub地址：https://github.com/facebook/react。
1.3 React特点
1.3.1 虚拟DOM
在Web开发中，UI界面总是需要根据数据生成对应的DOM由浏览器呈现出来，并随数据的变化而调整相应的DOM，这就需要反复对DOM进行操作。复杂或频繁的 DOM 操作通常会对性能造成很大的影响。为此React 引入了虚拟 DOM （Virtual DOM）机制：用户构建虚拟DOM，由React将虚拟DOM渲染到浏览器DOM中。每次数据变化React都会扫描整个虚拟DOM树，自动计算与上次虚拟DOM的差异变化，然后针对需要变化的部分进行实际的浏览器DOM更新。虚拟DOM是内存数据，本身操作性能极高，对实际DOM进行操作的仅仅是差异变化，从而性能得到了很大的提高。
在保证性能的同时，用户不再需要关注某些数据的变化如何局部更新到一个或多个具体DOM元素，而只需要关心数据状态，以及对应数据状态下界面是如何渲染的，除此之外的其他工作都由React自动高效地完成。这样既明晰了开发思路，又提高了开发效率。
由于我们的主要操作对象是虚拟DOM，与真实浏览器无关，甚至是否是浏览器环境都没关系，只要存在从虚拟DOM到真实DOM的转换器，就可以实现虚拟DOM的最终界面呈现，从而达到跨平台的目的。而从虚拟DOM到真实DOM的转换工具由react-dom实现，从虚拟DOM到移动APP的转换工具由react-native实现。
1.3.2 组件化
虚拟DOM不仅带来了简化的UI开发逻辑，同时也带来了组件化开发的思想。所谓组件，即封装起来的具有独立功能的、可复用的UI部件。
经典MVC开发模式从技术角度纵向对UI进行划分，将视 ............

以上为书籍内容预览，如需阅读全文内容请下载EPUB源文件，祝您阅读愉快。