React与Redux开发实例精解PDF电子版在线阅读|百度网盘下载

编辑评论：

React 和 Redux 开发示例细化 全面介绍如何使用 React 和 Redux 进行 Web 开发。第一部分是基础，介绍了React和Redux的基础知识；第二部分是进阶部分，通过精彩的官方示例学习React和Redux；第三部分是扩展，主要学习一些优秀的第三方扩展；第四部分是一篇实战文章，将带领读者一步步搭建大型Web应用。

编辑推荐

本书适用于希望使用 React、Redux、Babel 和 Webpack 构建 Web 应用程序的程序员。与其他技术栈相比，这个技术栈（参考React、Redux、Babel、Webpack，以及社区中很多与此相关的优秀工具）的学习成本不低，但其中的智慧和理念着实令人惊叹。 ：

干净的组件代码结束了全屏HTML标签和类名的噩梦；

数据到接口的声明式映射减少了繁琐的 DOM 操作；

高阶函数、管道、柯里化等函数式编程思想的应用，使得复杂逻辑的处理变得相当简单；

自动化构建和编译技术降低了源代码和静态资源的管理成本。

技术工具可能很快就会随着时间的推移而更新，但前端工程中的这些实用想法并不容易过时。如果你不仅想学习如何使用这些技术，还想了解这些技术背后的思想和智慧，那么我真诚地推荐你阅读本书。

本书内容安排

本书分为四个部分。

基础篇第一部分主要介绍React和Redux的基础知识。

第 1 章简要介绍了本书涵盖的技术，包括 React、Redux、Node 和 Universal 渲染、Babel 和 Webpack。

第 2 章解释了如何在 Node.js 中运行 React。

第 3 章解释了如何在浏览器中运行 React。

第 4 章描述了开发服务器和热插拔技术及其实现。

第 5 章介绍了 React 的创新语法：JSX。

第 6 章介绍 React 的数据载体：状态、道具和上下文。

第 7 章介绍了 React 的两个对象：ReactElement 和组件实例。

第 8 章介绍 Redux 的 action、reducers 和 store。

第 9 章介绍 Redux 的 action creators 和 ��unk 中间件。

第二部分高级章节通过精彩的官方示例学习 React 和 Redux。

第 10 章解释了如何手动将 Redux 连接到 React。

第 11 章解释了如何使用 react-redux 将 Redux 连接到 React。

第 12 章介绍 Redux 撤消/重做以及 Redux 开发者工具的使用。

第 13 章解释了如何在 React 和 Redux 程序中编写测试。

第 14 章讨论 Redux 的全局状态和 React 组件的内部状态。

第 15 章解释了 React 和 Redux 中几种常见的数组操作方法。

第 16 章介绍了 Redux 中的异步处理。

第 17 章描述了如何自定义 Redux 中间件。

第 18 章解释了如何使用 React 和 Redux 实现通用渲染。

第 3 部分扩展 了解一些优秀的第三方扩展。

第 19 章介绍了 Webpack 同构工具。

第 20 章介绍 React Router 并使用它来实现通用路由。

第 21 章描述了多页面的异步处理。

第 22 章介绍了 bootstrap-loader、PostCSS、Autoprefixer 和 React-Bootstrap。

第四部分：实战 一步一步构建大型Web应用。

第 23 章介绍了一个大型项目的基本结构。

第 24 章用 ReduxForm 制作各种表单。

第 25 章实现图表和表格。

第 26 章实现用户身份验证。

第 27 章解释了如何部署到 Heroku 并实施持续集成。

第 28 章列出了其他资源。

节点和通用渲染

React 和 Redux 可以在浏览器和服务器上运行。这里的server端指的是Node服务器

与传统的 Web 服务器相比，Node 更简单，它是单线程且独立于平台的。最重要的是，它使用了最初在浏览器中运行的语言 Javascript，因此我们可以通过一组代码实现通用渲染——服务器端和客户端渲染。

原本所有的渲染都发生在服务器端，但是在 2005 年，AJAX 的到来将渲染过程转移到了客户端，通过调用服务器的 API 来获取和修改数据。从那时起，无数的 JavaScript 框架应运而生，用于实现客户端渲染和路由控制。但开发人员意识到了一个问题：客户端渲染破坏了搜索引擎索引，因为搜索引擎无法与 JavaScript 对话。另外，客户端渲染会在第一时间加载更多的模板和脚本，严重影响网页打开速度。

显然，渲染需要在服务器端和客户端进行，最好共享一组通用代码。所以通用渲染出现了。通用渲染可以实现更快的加载时间、更好的 SEO、更优雅的交互、更轻松的代码维护……这一切都符合您或您老板的项目兴趣。作为一名软件工程师，你应该明白这一点，并足够重视帮助项目用技术赚钱。

React 和 Redux 是通用渲染技术的理想组合。本书重点介绍使用 React 和 Redux 进行通用渲染的最佳实践。

什么是 JSX

JSX 是一个 JavaScript 语法扩展，看起来很像 XML。此语法允许您在 JavaScript 中编写可嵌套的结束标记。

JSX 类似于 HTML 语法，可以嵌套，可以自定义属性。

ISX 允许在结束标记中使用 lavaScript 表达式，但必须包含在 1) 中。

JSX中的内联样式也是由style属性定义的，但是属性值不能是字符串而必须是对象，需要注意的是对象中的属性名需要使用驼峰式。在 ISX 中，标记子节点内的注释应写在大括号中。

JSX 中的数组会自动展开所有成员。但是请注意，如果数组或迭代器中的每个项目都是 HTML 标记或组件，那么它们必须具有唯一的键属性。