React v16 新特性: 更好性能更灵活的构建

现在，我们隆重推出React v16.0版。这一版本新添了许多备受期待的功能，极大改善了用户体验，提升了应用性能。特别一提的是：

• Fragments（返回一段类型）
• Error boundaries（处理错误）
• Portals（挂载方式）
• Custom DOM attributes（支持自定义DOM属性）
• 还有更多…

了解这些新增的功能，我们就更能理解React的发展走向。为了更轻松地过渡版本，新旧版本的API可以兼容。

让我们分别看看这些功能，并且在React项目中使用它们来更好的理解其用途和重要性。

Fragments（返回一段类型）

从前，想要用React来返回一段UI元素，必须通过中间人来进行。比如说，返回多个元素给一个组件并不能简单地包在一个父元素。一个典型的用法，是向用户展示关于错误的信息。在React 16版本中，你可以无须创建额外的元素，就可以直接在component中直接使用fragments来返回多个元素。

Error boundaries（处理错误）

我们来说一个有趣的例子。设想这样的情况，你正在编写一个React项目，但是当你使用这个项目的时候，却没有处理错误的逻辑。你的应用并不会很健壮，如果哪里出现了小问题，很可能就会因为这个小错误而全面崩溃。但在React 16版本中，你可以用Error boundaries来优雅的处理这些小错误，不会影响整个程序的运行。这个功能用起来很容易，只需要你定义一个errors UI，例如：一个模态窗口（modal），然后在一个组件中，只需要引入error boundaries就可以轻松的处理错误了。

Portals（挂载方式）

一般情况下，我们会把React组件渲染在一个固定的DOM元素里，但使用Portals我们就可以摆脱DOM的约束。这样的话，我们就可以把组件挂载到任何一个DOM节点上。在这个组件中，我们定义好组件要挂载的节点，然后就可以轻松的挂载了。这个功能用起来也非常简单，我们只需要使用一些API，就可以轻松的创建一个新的挂载点，然后把组件挂载到新的点上。

Custom DOM attributes（支持自定义DOM属性）

最让人兴奋的，毫无疑问是现在我们可以为React组件自定义DOM属性。现在，我们可以更加容易的开发出高级组件。我们还可以获得更多关于组件的控制权。现在，我们可以很轻松的给一个组件添加自定义的DOM属性，例如：data-和aria-。我们可以把这些属性添加到组件中，然后我们就可以使用它们来控制组件的逻辑或者应用的样式了。

其他方面

这些仅仅是一小部分React 16版本的变更内容。我们相信，这个版本的发布，将赋予开发者更多的掌控权来更加轻松的构建更好的应用。这些新功能的加持，将会给开发者带来了更加流畅和快速的开发体验。为了让开发者能够充分利用这些特性和API，我们已经为这些特性和API都写了对应的文档。文档中，将会介绍新功能的语法用法，还有使用这些新功能的时候的注意事项。

赶紧来体验一下这些新特性，他们将会让你的React开发之旅更加轻松和愉悦。