显示 HN：Vertex.js – 1kloc SPA 框架

这是文章：

微框架的兴起：为什么开发人员拒绝臃肿的 JavaScript 工具

一位开发人员最近在 Hacker News 上发布了一个由大约 1,000 行代码构建的单页应用程序框架，反响热烈。这个项目——一个极简主义的 SPA 框架——重新引发了 Web 开发社区多年来一直在酝酿的争论：我们的工具对于它们解决的问题来说是否变得过于复杂？当 React 的核心库、路由器、状态管理层和构建工具总共有数十万行代码时，一个仅用 1,000 行即可提供路由、反应性和组件渲染的框架会带来一个令人不安的问题。对于构建面向客户的应用程序的企业来说，这个问题的答案会产生实际影响——加载时间、开发人员生产力和长期维护成本。

1,000 行框架实际上证明了什么

微框架的想法并不新鲜。 Backbone.js 在 2010 年首次亮相时，大约有 1,800 行带注释的源代码。Mithril.js 压缩后的大小不到 10KB。该类别中的每个新条目值得注意的不是行数本身，而是它揭示了浏览器 API 的当前状态。现代浏览器原生支持模板文字、历史 API、基于代理的反应性、自定义元素和模块加载。十年前，框架需要数千行才能规范 Internet Explorer 和 Chrome 之间的差异。如今，熟练的开发人员可以构建功能齐全的 SPA 框架，作为平台原语之上的薄编排层。

这很重要，因为它将话题从“我们应该选择哪个框架？”转移了。到“我们到底需要一个框架吗？”对于中小型项目——带有动态部分的登陆页面、内部仪表板、客户门户——答案越来越多：也许不是，或者至少不是一个沉重的项目。 1000行框架证明了该平台已经成熟到框架工作正在萎缩的地步。

当然，像 React 和 Vue 这样的框架仍然在具有复杂状态树、服务器端渲染需求以及从严格约定中受益的 20 多个开发人员团队的大型应用程序中占据一席之地。关键的见解是，正确的工具完全取决于问题的范围。

JavaScript 膨胀的真正代价

Google 自己的研究一致表明，加载时间每增加 100 毫秒，转化率就会降低多达 7%。现在，网页中包含超过 500KB 的 JavaScript，这一数字自 2015 年以来几乎增加了两倍。对于企业来说，这并不是一个抽象的性能指标。它直接转化为收入损失、更高的跳出率和更差的搜索引擎排名。

这个问题在移动网络上更加复杂。通过 3G 连接的中端 Android 设备上的用户可能会等待 5-8 秒，即使在初始 HTML 呈现之后，JavaScript 密集型页面也会变得可交互。对于为新兴市场客户提供服务的企业来说，这尤其是一种惩罚，因为在这些市场中，移动优先浏览已成为常态，而且网络基础设施差异巨大。

解析时间：大型 JavaScript 包需要更长的时间来解析和编译，甚至在执行一行应用程序代码之前也是如此

内存压力：复杂的框架内部消耗了应用程序本身可以使用的内存

更新疲劳：主要框架升级（Angular 1 到 2、Vue 2 到 3、React 类组件到 hooks）每 2-3 年就会迫使成本高昂的迁移工作

依赖链：一个典型的 React 项目的 node_modules 文件夹包含 800-1,200 个包，每个包都有潜在的安全漏洞或重大更改

构建复杂性：Webpack、Babel、PostCSS 及其配置文件通常超出它们所服务的应用程序代码

微框架规避了大部分成本。抽象越少，需要破坏的东西就越少，需要审核的依赖项就越少，并且 b 也就越少。

Frequently Asked Questions

What is a micro-framework like Vertex.js?

A micro-framework is a minimalist JavaScript library designed to handle core application tasks without the bulk of larger solutions. Vertex.js achieves this by providing essential SPA functionality—like routing and state management—in about 1,000 lines of code. This contrasts with frameworks that require separate, heavier libraries for routing or state, reducing overall complexity and bloat for smaller projects.

Why are developers moving towards simpler tools?

Many developers feel that modern JavaScript tooling has become overly complex for the average project. Heavy frameworks can introduce slow build times, a steep learning curve, and unnecessary features. Simpler tools like Vertex.js offer a faster, more understandable development experience by focusing on the essential problems a framework needs to solve, aligning better with the project's actual requirements.

Is Vertex.js suitable for a large, complex application?

Vertex.js is primarily designed for smaller projects where simplicity and low overhead are key. For very large, complex applications with many interactive components, a more feature-rich framework with a vast ecosystem might be more appropriate. For teams needing extensive pre-built modules, a service like Mewayz (offering 207 modules for $19/mo) could provide the necessary UI and functional components that a micro-framework lacks.

Do I still need a build tool with Vertex.js?

While Vertex.js itself is lightweight, you will likely still use a build tool for professional development. Tools like Vite or Parcel are necessary to bundle your code, handle npm dependencies, and enable modern JavaScript features. However, the overall toolchain remains simpler than those required by larger frameworks, as you avoid complex state-management and routing libraries.

Related Posts

• 从搜索中删除露骨图片的更简单方法
• AI让编程变得更有趣
• DJB的密码学奇旅：从代码英雄到标准批评者
• Coccinelle：Linux 内核的源到源转换工具