21、React与服务器开发：同构应用构建指南

React与服务器开发：同构应用构建指南

1. 引言

在前端开发中，我们常使用React构建仅在浏览器中运行的小型应用，这些应用在浏览器中收集数据并利用浏览器存储保存数据。然而，大多数应用至少需要某种后端支持，因此我们需要了解如何结合服务器来构建应用。此外，React可以进行同构渲染，即在服务器上渲染UI，这能提升应用的性能、可移植性和安全性。

2. 同构性与通用性的区别

同构（isomorphic）和通用（universal）这两个术语常用来描述能在客户端和服务器端都运行的应用。虽然它们常被互换使用，但存在细微差别：
- 同构应用：可以在多个平台上渲染的应用。
- 通用代码：能在多个环境中运行的完全相同的代码。

Node.js让我们能在服务器、命令行界面（CLIs）甚至原生应用等其他应用中复用在浏览器中编写的代码。例如以下通用JavaScript代码：

var printNames = response => {
  var people = JSON.parse(response).results,
      names = people.map(({name}) => `${name.last}, ${name.first}`)
  console.log(names.join('\n'))
}

printNames 函数是通用的，相同的代码可以在浏览器或服务器上调用。

但服务器和客户端是完全不同的领域，并非所有JavaScript代码都能在