当前位置: 100md首页 > 电子书籍 > 资料下载2021 >
编号:47039
深入React技术栈.pdf
http://www.100md.com 2020年11月8日
第1页
第7页
第12页
第27页
第39页

    参见附件(9800KB，366页)。

    深入React技术栈从几个维度去介绍 React。一是作为 View 库，它怎么实现组件化，以及它背后的实现原理。二是扩展到 Flux 应用架构及重要的衍生品 Redux，它们怎么与 React 结合做应用开发。三是对 React 与 server 的碰撞产生的一些思考。四是讲述它在可视化方面的优势与劣势。

    内容简介

    全面讲述React技术栈的第一本原创图书，pure render专栏主创倾力打造

    覆盖React、Flux、Redux及可视化，帮助开发者在实践中深入理解技术和源码

    前端组件化主流解决方案，一本书玩转React“全家桶”

    本书讲解了非常多的内容，不仅介绍了面向普通用户的API、应用架构和周边工具，还深入介绍了底层实现。此外，本书非常重视实战，每一节都有实际的例子，细节丰富。我从这本书里学到了很多东西，强烈推荐!

    ——阮一峰，蚂蚁金服技术专家，国内技术圈知名博主，《ES 6标准入门(第2版)》作者

    React从诞生起就颠覆了诸多传统前端开发的“铁律”，这种破旧立新开启了前端开发全新的时代。它的用法和理念，代表了现在和未来几年前端技术的潮流风向。如果不想落伍，最好进行系统学习。实践出真知，从牛人的实践中收获自己的真知，恐怕是最好的捷径。这是我看到的第一本React中文原创著作，读来倍感亲切。

    ——张克军，豆瓣前端专家，国内技术圈知名博主，前端布道师

    本书内容翔实，一扫“文档说明书”之风，有大量作者的实战经验。由浅入深，无论你是 React 初学者，还是进阶人士，本书都值得一读!

    ——寸志，陆金所前端架构师，《前端外刊评论》发起人

    本书从几个维度去介绍 React。一是作为 View 库，它怎么实现组件化，以及它背后的实现原理。二是扩展到 Flux 应用架构及重要的衍生品 Redux，它们怎么与 React 结合做应用开发。三是对 React 与 server 的碰撞产生的一些思考。四是讲述它在可视化方面的优势与劣势。

    本书适合有一定经验的前端开发人员阅读。

    陈屹

    前端架构师，就职于阿里巴巴。热衷开源事业，长年专注于前端架构、数据可视化、Node.js等领域，知乎专栏pure render的创办人。

    序

    React是目前前端工程化最前沿的技术。2004年Gmail的推出，让大家猛然发现，单页应用的互动也可以如此流畅。2010年，前端单页应用框架接踵而至，Backbone，Knockout，Angular，各领风骚。2013年，React横空出世，独树一帜：单向绑定、声明式UI，大大简化了大型应用的构建。Strikingly接触到React之后不久，就开始用React重构前端。

    当时我想，2013年或许会因为React的出现，成为前端社区的分水岭。今天回看，确实如此。毋庸置疑，React已经是前端社区里程碑式的技术。React及其生态圈不断提出前端工程化解决方案，引领潮流。在过去一两年里，React也是各种技术交流分享会里炙手可热的议题。

    React之所以流行，在于它平衡了函数式编程的约束与工程师的实用主义。

    React从函数式编程社区中借鉴了许多约定：把DOM当成纯函数，不仅免去了烦琐的手动DOM操作，还开启了多平台渲染的美丽新世界；在此之上，React社区进一步强调不可变性immutability)和单向数据流。这几个约定将原本很复杂的程序化简，加强了程序的可预测性。

    React也有实用主义的一面，它不强迫工程师只用函数式，而是提供了简单粗暴的手段，方便你实现各种功能-想直接操作DOM也可以，想双向绑定也没问题。函数式约定搭配实用主义，让我不禁想起Facebook一直倡导的黑客之道：Done is better than perfecto React还是一门年轻的技术，网上能学习的材料也比较零散。本书由浅到深，手把手地带领读者了解React核心思想和实现机制。因为React受到了很多关注，社区里出现了各种建立大型React应用的方案。本书总结了目前社区里的最佳实践，方便读者立刻在实战中使用。

    各章详细介绍

    第1章这一章从React最基本的概念与API讲起，让读者熟悉React的编码过程。第2章这一章更深入到React的方方面面，并从一个具体实例的实现到自动化测试过程来讲述React组件化的过程和思路

    第3章这一章深入到React源码，介绍了React背后的实现原理，包括Virtual DOM，diff算法到生命周期的管理，以及setState机制。

    第4章这一章介绍了React官方应用架构组合Flux，从讲解Flux的基本概念及其与MV*

    架构的不同开始，解读Flux的核心思想。

    第5章这一章介绍了业界炙手可热的应用架构Redux，从构建一个SPA应用讲到背后的实现逻辑，并扩展了Redux生态圈中常用的middleware和utils方法。

    第6章这一章讲述Redux高阶运用，包括高阶reducer、它在表单中的运用以及性能优化的方法。另外，从源码的角度解读了Redux第7章这一章介绍了React在服务端渲染的方法，并从一个实例出发结合Koa完整地讲述了同构的实现。

    第8章这一章探索了实现可视化图形图表的方法，以及如何通过这些方法和React结合在一起运转。

    附录A探讨了React开发环境的基本组成部分以及常规的安装方法。

    附录B探讨了团队实践或多人协作过程中需要关注的编码规范问题。

    附录C探讨了Koa middleware的相关知识，帮助理解Redux middleware

    React简介

    React是Facebook在2013年开源在GitHub上的JavaScript库。React把用户界面抽象成一个个组件，如按钮组件Button、对话框组件Dialog、日期组件Calendar。开发者通过组合这些组件，最终得到功能丰富、可交互的页面。通过引入JSX语法，复用组件变得非常容易，同时也能保证组件结构清晰。有了组件这层抽象，React把代码和真实渲染目标隔离开来，除了可以在浏览器端渲染到DOM来开发网页外，还能用于开发原生移动应用。

    深入React技术栈截图