注意：菜单项目中（X）的都为过时或者不建议使用的模式，依然写出来只是为了让我们了解历史
设计模式是软件开发的基本部分，
因为它们为软件设计中经常出现的问题提供了典型的解决方案。
设计模式不是提供特定的软件部分，而是可以用来以优化的方式处理重复出现的主题的概念。
在过去的几年里，Web 开发生态系统发生了迅速的变化。
虽然一些众所周知的设计模式可能根本不像过去那样有价值，但其他设计模式已经演变为使用最新技术解决现代问题。
Facebook 的 JavaScript 库 React 在过去 5 年中获得了巨大的吸引力，与Angular、Vue、Ember和Svelte等竞争性 JavaScript 库相比，它是目前NPM 上下载频率最高的框架。
由于 React 的流行，设计模式已被修改、优化并创建了新的模式，以便在当前的现代 Web 开发生态系统中提供价值。
最新版本的 React 引入了一个名为Hooks的新功能，它在您的应用程序设计中扮演着非常重要的角色，可以替代许多传统的设计模式。
现代 Web 开发涉及许多不同类型的模式。
使用 ES2015+ 的常见设计模式的实现、优点和陷阱、特定于 React 的设计模式及其使用 React Hooks 的可能修改和实现，以及更多有助于改进现代 Web 应用程序的模式和优化！