简介

设计模式是软件开发中的基本组成部分，为软件设计中所面临的常见问题提供通用的解决方案。设计模式并不提供具体的开发方案，而是一种可用于处理重复问题的优化的概念。

在过去的几年里，web 生态天变地异。尽管某些之前很知名的设计模式不像从前那样具有价值，但另外的一些设计模式已经可以通过最新的技术来解决现代的技术问题。

Facebook 的 JavaScript 库 React 在过去五年中获得了巨大的关注，并且与其它同类的 JavaScript 框架（比如 Angular、Vue、Ember 和 Svelte）相比，是当前 NPM 上下载量最大的框架。由于 React 广泛流行，设计模式随之改进、优化，并随之诞生了新的设计模式。这让设计模式在现代 web 生态中提供了更多的价值。在 React 的最新版本中，提出了一种叫做 Hooks 的新特性，在应用设计中起到了很重要的作用，并且可以替换很多传统的设计模式。

现代 web 开发涉及很多不同类型的设计模式。这个文档涵盖了使用 ES2015+ 的常见设计模式的实现、优点、缺陷、React 特定的设计模式、使用 React Hooks 的实现，以及更多对现代 web 应用有帮助和提升的设计模式。