今天，我们向您介绍
这一出色材料的翻译的第一部分。 它致力于对自版本16起出现在该库中的新React功能进行详细分析。该材料的作者从事编程已有5年了。 过去，他是一名设计师，并尝试作为插图画家。 他在文章中包括了漫画，他认为这将有助于读者更好地理解所讨论的内容。
最初，本文标题为“重新引入React：v16以来的每个React更新都不再神秘”。 标题表明，可能已经熟悉React的读者被邀请再次了解该库。 对React的重新介绍将帮助他简化他已经知道的知识并发现新的东西。
如何阅读本材料？
在阅读本文之前，您可以下载该
电子书，该书是免费分发的。 它代表相同的材料，设计为独立的PDF，Epub或Mobi文件。 本书提供了带有语法高亮显示的代码示例。 在本书的基础上，也许您会更方便地阅读材料并并行阅读代码。 另外，建议您使用
此存储库。 您可以找到此处讨论的示例代码。
这份材料是为谁而写的？
大约4年前，我写了我的第一个React应用程序。 从那时起，React的基本原理就没有改变。 摆在我们面前的是相同的声明性代码和所有相同的组件。 所有这些都很好，但是现代React应用程序的编写方式与以前有所不同。 多年来，React中出现了许多新事物，并且该库中的一些已被删除。
如果您学习了很长时间的React，很可能您对这个库的新功能并不特别了解。 此外，可以说，即使是那些遵循创新的人也很可能“迷失”其中。 如何解决这种情况，意识到旧的东西需要丢弃，新的旧东西应该被接受？ 您如何突出那些您可能会发现特别有用的现代React功能？
即使是我，一个经验丰富的程序员，有时也会迷失方向，如果有必要的话，他们会忘记旧的东西而学习新的东西。 这可能看起来像学习一些全新概念一样困难。
如果您也有类似的感觉，那么我希望我的工作可以帮助您将所有内容都放在适当的位置。
刚开始学习React的人也可以这样说。
周围有很多过时的信息。 如果您使用一些相当古老的出版物学习React，那么您当然可以掌握基础知识。 但是，在现代React开发中，有许多有趣的新功能值得您关注。 最好尽快了解这些功能，而不是试图稍后忘记旧的工作方法，而改为学习新的方法。
实际上，在这里我们将详细分析React 16+中出现的所有新内容。
React 16+有什么新功能？
乍一看，在版本16发行后的React中似乎没有进行太多更改。 但实际上并非如此。 以下是我们将要讨论的内容：
- 新的组件生命周期方法。
- 使用Context API简化状态管理。
- contextType属性和Context API功能。
- Profiler应用程序：图表，交互分析。
- 使用React.lazy和Suspense延迟加载材料。
- 使用React.memo创建的基于PureComponent的组件的功能版本。
- 使用钩子简化React应用程序。
- 基于钩子的高级React应用程序设计模式。
此列表中的每个项目都显示为单独的较大部分。 第一部分重点介绍新的组件生命周期技术。
亲爱的读者们！ 我们现在正在考虑是否翻译
此材料的延续。 如果您喜欢React-development的话题，我们邀请您投票和评论。
