前言

前言

本书将带你全面了解React中最有价值的设计模式,并展示如何在全新或已有的真实项目中应用设计模式与最佳实践。本书将帮助你让应用变得更加灵活、运行更流畅并且更容易维护——在不降低质量的情况下极大地提升工作流的速度。

我们将首先理解React的内部原理,接着逐步编写整洁且可维护的代码。我们将开发能够在整个应用中复用的组件,搭建应用架构,并创建真正可用的表单。

接下来,我们会为React组件编写样式并优化组件,从而使应用运行得更快且更具响应性。最后,我们将有效地编写测试代码,还会学到如何为React及其生态系统做贡献。

学完本书后,你会从大量的试错以及开发难题中解脱出来,也将踏上成为React专家的道路。

本书内容

第1章,React基础。这一章从高级角度介绍了React的基本概念。

第2章,整理代码。这一章讲解了编写可维护代码中最重要的一个方面,即保持代码整洁并遵循编程风格指南。了解函数式编程的基础知识对于使用React也很重要。

第3章,开发真正可复用的组件。这一章阐述了构建应用的一个关键因素在于使用组件,而要想保持代码库整洁且可维护,最重要的是开发真正可复用的组件。

第4章,组合一切。这一章阐述了真实应用由不同的组件构成,重要的是让组件之间可以高效地通信,并按照正确的形式组织和搭建层次结构。

第5章,恰当地获取数据。这一章指明了任何客户端应用在某些时刻都必须处理数据,并且介绍了不同的技巧和方法,让你能够以React的方式获取数据。

第6章,为浏览器编写代码。这一章阐述了如何正确使用在浏览器中运行的应用,还讲解了一些高级概念,如事件、动画以及如何与DOM交互。

第7章,美化组件。这一章说明了开发美观的UI组件是前端工程中很重要的一部分内容。React可以通过多种方式实现这个目的,每种方式从不同角度解决该问题。了解可用的库及其工作原理,对于做出正确的选择至关重要。

第8章,服务端渲染的乐趣与益处。这一章指明了服务端渲染是React众多优秀特性之一。虽然该特性开箱即用,但学习其正确用法很重要,因为这样才能充分加以利用。

第9章,提升应用性能。这一章阐述了性能是Web平台吸引用户的重要因素之一。React提供了一系列工具和技术来创建快如闪电的应用,这一章将全面介绍这些内容。

第10章,测试与调试。这一章会让你意识到,我们都希望自己的应用保持稳定,并且能够应对一切极端情况,而测试有助于实现这个目的。编写全面的测试集对于创建稳定且可维护的代码至关重要。从另一方面来看,bug总会出现,而知道如何调试并尽早发现问题很关键。

第11章,需要避免的反模式。这一章阐明了开发人员经常尝试采取捷径和创意方案这一事实,但在某些情况下这种做法对应用来说是很危险的,尤其是团队以及代码库规模很大时。这一章将带你了解使用React时,应该避免的常见反模式。

第12章,未来的行动。这是本书的最后一章,至此我们已经介绍完所有主题。我认为探讨如何开源组件(以回馈社区)以及如何为React及其生态系统做贡献也很重要。

阅读须知

我们需要一台计算机,并配有终端程序、Node.js/npm环境以及浏览器。

目标读者

如果想要深入理解React并将其应用到真实应用的开发中,那么本书很适合你。

排版约定

本书采用不同的文本样式来区分不同类别的信息。以下展示了部分样式示例及其相应的含义。

正文中的代码、数据库表名、用户输入等采用以下样式:“循环内部包含一些条件逻辑,用于检查#first#link属性是否存在,并根据它们的值渲染不同的HTML片段。变量位于双花括号中。”

代码块的样式如下所示:

const toLowerCase = input => {
  const output = []
  for (let i = 0; i < input.length; i++) {
    output.push(input[i].toLowerCase())
  }
  return output
}

命令行中的输入或输出内容采用以下样式:

npm install -g create-react-app

新术语关键词以黑体字显示。屏幕上出现的单词(如出现在菜单或对话框中)按照如下样式显示:“我们开始更新测试代码,先从渲染文本的那些代码着手。”

 警告或重要的注意事项。

 

 提示或小技巧。

读者反馈

我们期待读者的反馈。告诉我们你对本书的看法,喜欢什么或者不喜欢什么。读者反馈对我们很重要,因为它有助于我们策划出令读者受益最多的图书。

要想提供反馈,只需登录“图灵社区”本书页面(http://www.ituring.com.cn/book/2007)并留言。

客户支持

为了让你购买的书物有所值,我们还为你准备了以下内容。

下载示例代码

你可以从“图灵社区”本书页面(http://www.ituring.com.cn/book/2007)下载书中示例代码。下载文件后,确保使用以下工具的最新版本来解压或提取文件夹:

  • WinRAR / 7-Zip(Windows)
  • Zipeg / iZip / UnRarX(Mac)
  • 7-Zip / PeaZip(Linux)

勘误

虽然我们竭力确保图书内容的正确性,但错误在所难免。如果你在我们出版的任何一本图书中发现了文本或代码中的错误,希望你能告知我们,我们将非常感激。你的善举足以减少其他读者在阅读出错内容时的纠结和不快,并帮助我们在后续版本中更正错误。如果你发现任何错误,请通过“图灵社区”本书页面(http://www.ituring.cm.cn/book/2007)告诉我们。一旦勘误通过确认,将显示在页面上的勘误表中。

侵权行为

所有媒体在互联网上都面临着侵权问题。我们严格保护自己的版权和许可证。如果你在互联网上发现有关我们出版物的任何形式的盗版产品,请立即告知我们地址或网站名称,以便我们进行补救。

请将盗版图书的网站地址发送到ebook@turingbook.com

你的反盗版行动就是在保护作者和出版社,只有这样,我们才能继续以优质内容回馈像你这样的热心读者。

问题

如果对本书存有任何方面的疑问,可以通过“图灵社区”本书页面(http://www.ituring.com.cn/book/2007)联系我们,我们将尽力为你答疑解惑。

电子书

扫描如下二维码,即可购买本书电子版。

{%}

目录

  • 版权声明
  • 致谢
  • 前言
  • 第 1 章 React基础
  • 第 2 章 整理代码
  • 第 3 章 开发真正可复用的组件
  • 第 4 章 组合一切
  • 第 5 章 恰当地获取数据
  • 第 6 章 为浏览器编写代码
  • 第 7 章 美化组件
  • 第 8 章 服务端渲染的乐趣与益处
  • 第 9 章 提升应用性能
  • 第 10 章 测试与调试
  • 第 11 章 需要避免的反模式
  • 第 12 章 未来的行动