2019年 JavaScript 明星项目

Vue.js 连续第 4 次登顶年度综合排行榜，它的 GitHub 在 2019 年新增了超过 30k 的 star。

不出意外的是：React 与代码编辑器 VS Code 紧随其后，排名和去年相同。

排名提升最大的是 Vue Element Admin，它是一个使用 Vue.js 组件构建漂亮的仪表板的解决方案，它在今年位于第 4 名。

Svelte 已经出现好几年了，但它在 2019 年真正腾飞，位于第 5 名。

TypeScript 进入了前十，它的成功是过去几年 JavaScript 生态的主要改变之一。

Deno 是由 Node.js 之父构建的 JavaScript 运行时，它在 2018 年的排行榜上是一个新成员。目前依然有热度，位于第 13 名。

在 2019 年，Svelte 打乱了 UI 框架的格局，位于 Vue.js 和 React 之后的第 3 名，超过了 Angular。

这是否意味着我们现在有了四巨头而不是三巨头？

Svelte 与其他框架非常不同，因为它其实不算是一个框架，而是一个编译器，它的魔力发挥在编译期而不是运行期。

类似于 React 或 Vue，它能使开发人员通过数据驱动的组件完成应用的搭建，但最大的不同是：该框架不是在浏览器中运行的，而是在构建时运行。

编译器能够解析开发者编写的组件，生成直接操作 DOM 的指令式代码。

因此，最终发布到浏览器的代码体积小并且运行速度很快（使得 Svelte 应用适合于比方说嵌入式设备）。

除了具有一流的性能外，它还可以轻松地创建复杂 CSS 动效。

Version 3 改进了响应式的理念：仅仅只需修改变量就能触发 UI 更新。

现在说 Svelte 会像其他三大框架一样成功还为时尚早，但是它在 2020 年绝对值得关注。

在 Node.js 框架的类别中，我们迎来了一个新冠军：Nest！

Nest 是一个功能全面的 Web 框架，它借鉴了许多 Angular 中的理念。

Next.js 是 2018 年的冠军，今年位于第 2 名。它的前端使用 React、后端使用 Node.js，是构建全栈 Web 应用的最佳方案之一。

位于第 3 名的是 Strapi，它是一个完全开源的 headless CMS，可以使你快速生成和管理 API 接口。 “上手只需四个命令”。 API 接口支持 REST 或 GraphQL！

接下来是 Nuxt，一个使用 Vue.js 构建 Web 应用的全栈框架，支持好几种开发策略，服务器端渲染、客户端渲染或静态生成。

Express 几乎与 Node.js 一样老了，目前仍位于前 5 名。确实，它拥有庞大的生态，并且被许多 Node.js 开发者熟知。但是值得注意的是，它上一次的代码提交已经是 7 个月之前了。时代变了吗？

第 1 名的 Ant Design 和第 5 名的 Material UI 是 React 最受欢迎的组件和小部件类库项目。

第 2 名的 Create React App 依然是创建新 React 应用的事实标准。它今年的主要更新是支持了 TypeScript。

React 世界中最大的变化是引入了 Hooks 模式。

React 只是一个视图层，如何在组件之间共享逻辑一直是一个争议。 事实上这个问题的发展历程可以大致描述成 4 个阶段：

• 2013：使用 Mixin 在 React class 之间共享功能逻辑
• 2015：高阶组件将 props 注入进 React 组件
• 2017：Render props 模式
• 2019：到处都在用 Hooks 写函数式组件

今年，我们已经看到了众多发挥 Hooks 威力的库，它们能够解决以下类型的衍生问题：

• 状态管理：Redux 现在也提供了 Hooks 的方式，可以方便地与中心化 store 进行交互
• 路由：React Router 提供了 Hooks 用于访问浏览器历史记录
• 表单验证：React Hook Form 用独特的方式完成表单验证，它使用非受控表单控制进行实现

Hooks 会是演进的终点吗？

特约撰稿人：Sébastien Chopin

今年，我们请我们的朋友 Sébastien Chopin 来谈谈 Vue.js 的情况。

Sébastien Chopin 是 Nuxt 的作者，Nuxt 在 2 个不同的类别中（Vue.js 生态圈和 Node.js 框架）都位于前 5 名。

Vue Element Admin 连续两年成为最受欢迎的 Vue 生态项目，它基于 Element，是一个使用 Vue.js 组件构建漂亮的仪表板的解决方案。

第 2 名就是 Element，这是一个包含大量可用组件的 UI 库。

遵循 Material Design 的组件框架 Vuetify 在 2019 年 7 月发布了 v2.0 并跻身前 5 名。

Nuxt 是用于构建 Vue.js 应用的 Web 框架，已连续 3 年位居前 5 名。

最后，在第 5 名，我们看到了 vue-cli，这是 Vue.js 官方的工具，它能让使用者通过功能强大的图形界面启动项目。

特约撰稿人：Benjamin Blackwood

今年，我们请我们的朋友 Benjamin Blackwood 来谈谈 Angular 的情况。

Benjamin 是来自 Australia Post 的前端开发者，并且有超过 4 年的 Angular 使用经验。

ngx-admin 是最受欢迎的 Angular 项目，它提供了创建管理员仪表盘的模板。

第 2 名是 Material Design for Angular，包含 Material Design 组件以及 Angular CDK。

类似于 React 和 Vue 的情况，Ant Design 组件库 NG-ZORRO 位于第 4 名。

Angular 在 2019 年发布了一个大版本。 Version 8 在 5 月发布。作为该发布版的一部分，Angular CLI 现在可以创建两个独立的打包（morden 与 legacy），将打包大小减少至多 20％。还有一个新的 Builders API，它允许你修改现有的 CLI 命令或添加新命令。

Version 9 目前处于候选发布状态，预计将在 2020 年初发布。Version 9 的主要变化是一个名为 Ivy 的新编译器，也有其他优化。Ivy 编译器有望具有更短的 re-build 时间和更小的打包大小。