Vue Js

不可否认，Vue Js没甚么小厂在另一面全力支持，是由Evan You合作开发和正式发布，称得上两个双人工程项目。

即使如此，它依旧与Angular和React逐步形成了市场竞争势头，呢很牛～ 在亚洲地区保有大批的拥趸，高度关注度极高。

如前所述Vue Js的介面合作开发是极难和单纯的，它却是有优劣的。

缺点：

• 进阶准入门槛低，因而最高级合作开发者能比Angular更快地掌控Vue Js；
• 新闻稿式图形全力支持；
• 与HTML模版随心所欲软件系统；
• 能动态检视产业发展情形。

缺点：

• 它的全力支持街道社区相较较细，特别是与React和Angular较之，这引致需用库的数目极少；
• 模块人偶要事先表述。

即使有弊病，在2021却是应多给与高度关注的。

Angular

从Vue Js已经开始讲起， 即使是在亚洲地区街道社区，但在欧美国家，Angular依然是最畅销的后端架构众所周知。

它不会很快消失，所以让我们看一下Angular今年将带给我们甚么。

2017年12月（不好意思，听上去有点久远）Angular5上线，称得上两个期待已久的圣诞节礼物。

它包括PWA全力支持，构建优化器以及对Material Design实现的一些改进等新功能。在欧美国家，许多专家依旧为其擂鼓呐喊，称其这是2021年最好的后端架构，那我就人云亦云下下。

缺点：

• 双向数据绑定；
• 巨大的街道社区全力支持；
• 由Google全力支持，可确保稳定的长期产业发展；
• 移动友好的网站合作开发方法；
• PWA全力支持。

缺点：

• 进阶准入门槛高：从头已经开始熟悉Angular，平均需要两个月的时间；
• 智能手机上的高功耗：合作开发者需要花费更多时间来优化代码，以降低功耗；
• 性能低下（再次，要花一些时间进行优化）。

顺提一句，Angular是创建单页页面和动态应用程序的不错选择，是2021年为我们提供的顶级JavaScript架构众所周知。

Next.js

Next.js是为服务器图形React应用程序打造的，它由Zeit公司全力支持和维护。无极4注册

无疑Web应用程序的需求量和合作开发量在趋于增长（这是另两个Web合作开发趋势），如果将React与Next.js结合使用，则在合作开发单纯性方面，将尽可能接近Vue.js提供的功能。

缺点：

• 有小厂的的全力支持；
• 易于使用，内置React，Webpack，React DOM和React Router；
• 包括服务器端图形；
• 通用JavaScript全力支持；
• 代码拆分。

缺点：

• 可能不适合合作开发大型工程项目；
• 服务器和客户端之间可能会出现不一致的情形。

Gatsby

Gatsby是由Kyle Matthews构建的用于合作开发静态网站的架构。

Gatsby非常适合那些打算使用最新控制技术但同时手中预算比较有限的人，因而静态网站合作开发以及这种投入产出效率权衡，反映出了一种趋势正在到来。

缺点：

• 使用React和Webpack模块，而不是模版；
• 使用GraphQL，这使Gatsby成为合作开发静态网站的最佳架构；
• 与其他静态网站生成器或架构较之，使用Gatsby编辑内容更容易；
• 需用于合作开发静态PWA；
• 自动代码拆分和静态SSR，可加快启动速度。

缺点：

• 只能用于创建静态Web应用程序；
• 相较较新，因而没太多需用的库；
• 用于创建不符合页面模型的自由格式应用程序的功能有限。

静态网站之所以畅销，有两个单纯的原因：静态网站比目前最好的现成引擎要安全得多。Gatsby通过利用此趋势，使静态网站合作开发比以往任何时候都容易。

Storybook

Storybook这种Web架构，是两个由街道社区驱动的UI合作开发环境，是众多偏爱用React做合作开发的同学非常喜爱的工具众所周知。它在2017年取得巨大的成功。

Storybook允许设计人员独立表述，设计和测试用户介面模块，合作开发者能通过组装这些模块来合作开发整个应用程序。

缺点：

• 逐个构建应用程序可进一步提高其可测试性；
• 与流行架构（例如React Native）的随心所欲软件系统。

缺点：

• 由于它现在是街道社区驱动的工程项目，因而无法保证Storybook的可持续全力支持。

React

React是一套JavaScript Web库，由Facebook打造而成，主要用于构建高性能及响应式用户介面。

相较于其它架构，React在面对大规模数据集的处理的的一大常见难题时，它保有更高的速度与表现。无极4注册

（它能够使用虚拟DOM，并在发生变更时利用补丁安装机制只对DOM中的dirty部分进行重新图形）

缺点

• React速度很快，它并不直接对DOM进行操作；
• 跨浏览器兼容，虚拟DOM帮助我们解决了跨浏览器问题；
• 一切都是component：代码更加模块化，重用代码更容易，可维护性高；
• 单向数据流，Flux是两个用于在JavaScript应用中创建单向数据层的架构；
• 兼容性好，比如使用RequireJS来加载和打包。

劣势:

• 不适合单独做两个完整的架构： React是目标UI模块，通常能和其它架构组合使用，目前并不适合单独做两个完整的架构。React 即使配上 Flux 的组合，也不能称众所周知个完整的架构，比如你想用Promise化的AJAX？对不起没，自己找现成的库去。而且第三方模块远远不如Angular多。React本身只是两个V而已，所以如果是大型工程项目想要一套完整的架构的话，也许还需要引入Flux和route相关的东西。而Angular在这方面提供的东西比React多多了。