# 前端编程范式 设计模式

设计模式是软件开发的基本组成部分,因为它们为软件设计中经常出现的问题提供了典型的解决方案。设计模式不是提供特定的软件部分,而仅仅是一些概念,可以用来以优化的方式处理重复出现的主题。

在过去的几年里,web 开发的生态系统发生了迅速的变化。尽管一些众所周知的设计模式可能没有以前那么有价值,但其他模式已经进化到用最新的技术来解决现代问题。

Facebook 的 JavaScript 库 React 在过去5年中获得了巨大的吸引力,与 Angular、 Vue、 Ember 和 Svelte 等竞争对手的 JavaScript 库相比,它是目前 NPM 上下载次数最多的框架。由于 React 的普及,设计模式已经被修改、优化,并创建了新的模式,以便在当前的现代网络开发生态系统中提供价值。最新版本的 React 引入了一个名为 Hooks 的新特性,它在应用程序设计中起着非常重要的作用,可以替代许多传统的设计模式。

现代 Web 开发涉及到许多不同的模式。这个项目涵盖了使用 ES2015 + 的常见设计模式的实现、好处和缺陷,特定于 React 的设计模式及其可能的修改和使用 React Hook 的实现,以及更多的模式和优化,可以帮助改善您的现代网络应用程序!

  • 单例模式
  • 代理模式
  • 原型模式
  • 视图与逻辑分离
  • 观察者模式
  • 模块模式
  • 混入模式
  • 中间件模式
  • HOC 模式
  • Render Props 模式
  • Hooks 模式
  • 享元模式
  • 工厂模式
  • 组合模式
  • 命令模式