资料下载：React与Redux开发实例精解.pdf

React与Redux开发实例精解.pdf

http://www.100md.com 2020年11月27日

第1页

第6页

第15页

第24页

第44页

第240页

参见附件(104826KB，323页)。

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 的数据载体：state、props 与context。

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

    第8 章介绍Redux 的action、reducer 与store。

    第9 章介绍Redux 的action 创建函数和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 实现Universal 渲染。

    第三部分拓展篇学习一些优秀的第三方拓展。

    第19 章介绍Webpack 同构工具。

    第20 章介绍React Router，并通过它实现Universal 路由。

    第21 章介绍多页面下的异步处理。

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

    第四部分实战篇一步步搭建大型Web 应用程序。

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

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

    第25 章实现图表与表格。

    第26 章实现用户认证。

    第27 章讲解部署到Heroku 的方法，并实现持续集成。

    第28 章列出其他资源。

    Node与Universal渲染

    React与Redux既可以在浏览器端运行也可以在服务器端运行。这里的服务器端指的是Node服务器

    和传统Web服务器相比，Node更简单，它是单线程，与平台无关的。最重要的是，它使用了Javascript这门原来在浏览器中运行的语言，所以我们可以实现Universal渲染-用一套代码在服务端和客户端渲染。

    最初所有的渲染都是发生在服务器端的，但是在2005年，AJAX的到来将渲染过程转移到了客户端，通过调用服务器的API获取和修改数据。此后诞生了无数的JavaScript框架来实现客户端渲染和路由控制。但是开发者们意识到一个问题：客户端渲染破坏了搜索引擎的索引，因为搜索引擎无法和JavaScript通话。除此之外，客户端渲染在第一次会加载较多模板和脚本，严重影响了网页打开的速度。

    很明显，需要同时在服务端和客户端进行渲染，而且最好公用一套代码。于是Universal渲染出现了。Universal渲染实现了更快的加载速度、更好的SEO、更优雅的交互效果、更容易维护的代码…这一切都关乎你或者你老板的项目利益。作为软件工程师，你应该明白这些，并给予足够的重视，用技术帮助项目盈利。

    React与Redux是实现Universal渲染的理想技术组合。本书会重点介绍使用React与Redux实现Universal渲染的最佳实践。

    什么是JSX

    JSX是一个看起来很像XML的JavaScript语法扩展。这种语法允许你在JavaScript中写可嵌套的闭合标签。

    JSX与HTML语法很像，可以嵌套，可以自定义属性。

    ISX允许在闭合标签中使用lavaScript表达式，但要被1)所包裹。

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

    JSX中的数组会自动展开所有成员。但是需要注意，如果数组或迭代器中的每一项都是HTML标签或组件，那么它们必须要拥有唯一的key属性。

    React与Redux开发实例精解截图

http://www.100md.com/html/file/202011/276097.htm

您现在查看是摘要介绍页，详见PDF附件(104826KB，323页)。